Fix time picker not to show [object Object] (#182152)

sakurai-youhei · kibanamachine · web-flow · commit 50d674867bdf · 2024-05-09T19:08:07.000+09:00
## Summary This PR fixes one i18n mapping for EUI to render the `dateFormat` = `MMM D, YYYY @ HH:mm:ss.SSS` correctly at the bottom. Note: It showed `[object Object]` instead of `MMM D, YYYY @ HH:mm:ss.SSS` before this fix. Fixes #182099 ## Release note Fixes time picker to show allowed formats properly in absolute tabs. --------- Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
diff --git a/packages/core/i18n/core-i18n-browser-internal/src/i18n_eui_mapping.tsx b/packages/core/i18n/core-i18n-browser-internal/src/i18n_eui_mapping.tsx
@@ -1389,11 +1389,13 @@ export const getEuiContextMapping = (): EuiTokensObject => {
       'core.euiDatePopoverContent.nowTabButtonEnd',
       { defaultMessage: 'Set end date and time to now' }
     ),
-    'euiAbsoluteTab.dateFormatError': ({ dateFormat }: EuiValues) =>
-      i18n.translate('core.euiAbsoluteTab.dateFormatError', {
-        defaultMessage: 'Allowed formats: {dateFormat}, ISO 8601, RFC 2822, or Unix timestamp.',
-        values: { dateFormat },
-      }),
+    'euiAbsoluteTab.dateFormatError': ({ dateFormat }: EuiValues) => (
+      <FormattedMessage
+        id="core.euiAbsoluteTab.dateFormatError"
+        defaultMessage="Allowed formats: {dateFormat}, ISO 8601, RFC 2822, or Unix timestamp."
+        values={{ dateFormat }}
+      />
+    ),
     'euiRelativeTab.fullDescription': ({ unit }: EuiValues) =>
       i18n.translate('core.euiRelativeTab.fullDescription', {
         defaultMessage: 'The unit is changeable. Currently set to {unit}.',
