1 files changed, 5 insertions, 3 deletions
diff --git a/packages/demobank-ui/src/pages/SolveChallengePage.tsx b/packages/demobank-ui/src/pages/SolveChallengePage.tsx
index b7fc82a94..1bafbc3eb 100644
--- a/packages/demobank-ui/src/pages/SolveChallengePage.tsx
+++ b/packages/demobank-ui/src/pages/SolveChallengePage.tsx
@@ -17,6 +17,7 @@
 import {
   AbsoluteTime,
   Amounts,
+  Duration,
   HttpStatusCode,
   TalerCorebankApi,
   TalerError,
@@ -47,6 +48,7 @@ import { undefinedIfEmpty } from "../utils.js";
 import { RenderAmount } from "./PaytoWireTransferForm.js";
 import { OperationNotFound } from "./WithdrawalQRCode.js";
 import { useNavigationContext } from "../context/navigation.js";
+import { Time } from "../components/Time.js";
 
 export function SolveChallengePage({
   onChallengeCompleted,
@@ -533,9 +535,9 @@ function ChallengeDetails({
                   <i18n.Translate>Sent at</i18n.Translate>
                 </dt>
                 <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0">
-                  {format(challenge.sent.t_ms, "dd/MM/yyyy HH:mm:ss", {
-                    locale: dateLocale,
-                  })}
+                  <Time format="dd/MM/yyyy HH:mm:ss"
+                    timestamp={challenge.sent}
+                    relative={Duration.fromSpec({ days: 1 })} />
                 </dd>
               </div>
             )}