1 files changed, 7 insertions, 5 deletions
diff --git a/packages/demobank-ui/src/pages/business/ShowCashoutDetails.tsx b/packages/demobank-ui/src/pages/business/ShowCashoutDetails.tsx
index f4b2130a9..33115c16a 100644
--- a/packages/demobank-ui/src/pages/business/ShowCashoutDetails.tsx
+++ b/packages/demobank-ui/src/pages/business/ShowCashoutDetails.tsx
@@ -14,7 +14,9 @@
  GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
  */
 import {
+  AbsoluteTime,
   Amounts,
+  Duration,
   HttpStatusCode,
   TalerError,
   assertUnreachable,
@@ -30,6 +32,7 @@ import { ErrorLoadingWithDebug } from "../../components/ErrorLoadingWithDebug.js
 import { useCashoutDetails, useConversionInfo } from "../../hooks/circuit.js";
 import { RouteDefinition } from "../../route.js";
 import { RenderAmount } from "../PaytoWireTransferForm.js";
+import { Time } from "../../components/Time.js";
 
 interface Props {
   id: string;
@@ -131,11 +134,10 @@ export function ShowCashoutDetails({ id, routeClose }: Props): VNode {
                         <i18n.Translate>Created</i18n.Translate>
                       </dt>
                       <dd class="text-sm ">
-                        {format(
-                          result.body.creation_time.t_s * 1000,
-                          "dd/MM/yyyy HH:mm:ss",
-                          { locale: dateLocale },
-                        )}
+                        <Time format="dd/MM/yyyy HH:mm:ss"
+                          timestamp={AbsoluteTime.fromProtocolTimestamp(result.body.creation_time)}
+                        // relative={Duration.fromSpec({ days: 1 })} 
+                        />
                       </dd>
                     </div>
                   ) : undefined}