1 files changed, 7 insertions, 7 deletions
diff --git a/packages/merchant-backoffice-ui/src/components/form/InputDate.tsx b/packages/merchant-backoffice-ui/src/components/form/InputDate.tsx
index 4704b3312..fba798bd5 100644
--- a/packages/merchant-backoffice-ui/src/components/form/InputDate.tsx
+++ b/packages/merchant-backoffice-ui/src/components/form/InputDate.tsx
@@ -18,10 +18,10 @@
  *
  * @author Sebastian Javier Marchano (sebasjm)
  */
+import { useTranslationContext } from "@gnu-taler/web-util/lib/index.browser";
 import { format } from "date-fns";
 import { h, VNode } from "preact";
 import { useState } from "preact/hooks";
-import { Translate, useTranslator } from "../../i18n/index.js";
 import { DatePicker } from "../picker/DatePicker.js";
 import { InputProps, useField } from "./useField.js";
 
@@ -43,7 +43,7 @@ export function InputDate<T>({
   withTimestampSupport,
 }: Props<keyof T>): VNode {
   const [opened, setOpened] = useState(false);
-  const i18n = useTranslator();
+  const { i18n } = useTranslationContext();
 
   const { error, required, value, onChange } = useField<T>(name);
 
@@ -120,25 +120,25 @@ export function InputDate<T>({
           <span
             data-tooltip={
               withTimestampSupport
-                ? i18n`change value to unknown date`
-                : i18n`change value to empty`
+                ? i18n.str`change value to unknown date`
+                : i18n.str`change value to empty`
             }
           >
             <button
               class="button is-info mr-3"
               onClick={() => onChange(undefined as any)}
             >
-              <Translate>clear</Translate>
+              <i18n.Translate>clear</i18n.Translate>
             </button>
           </span>
         )}
         {withTimestampSupport && (
-          <span data-tooltip={i18n`change value to never`}>
+          <span data-tooltip={i18n.str`change value to never`}>
             <button
               class="button is-info"
               onClick={() => onChange({ t_s: "never" } as any)}
             >
-              <Translate>never</Translate>
+              <i18n.Translate>never</i18n.Translate>
             </button>
           </span>
         )}