JNG-5963 date cell editor locales

BlackBeltTechnology · Oct 11, 2024 · 218a23f · 218a23f
1 parent ca13d85
commit 218a23f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/judo-ui-react/src/main/resources/actor/src/components/table/table-editor.tsx.hbs b/judo-ui-react/src/main/resources/actor/src/components/table/table-editor.tsx.hbs
@@ -10,8 +10,11 @@ import {
   GridEditBooleanCell,
   type GridRenderEditCellParams,
 } from '@mui/x-data-grid{{ getMUIDataGridPlanSuffix }}';
+import { AdapterDateFns } from '@mui/x-date-pickers{{ getMUIPickersPlanSuffix }}/AdapterDateFns';
+import { LocalizationProvider } from '@mui/x-date-pickers{{ getMUIPickersPlanSuffix }}/LocalizationProvider';
 import { TRINARY_LOGIC } from '~/components-api/components/TrinaryLogic';
 import { MdiIcon } from '../MdiIcon';
+import { locales, useL10N } from '~/l10n/l10n-context';
 
 const StyledTooltip = styled(({ className, ...props }: TooltipProps) => (
   <Tooltip {...props} classes={ { popper: className } } />
@@ -64,6 +67,7 @@ export function BooleanSelectEditInputCell(props: GridRenderEditCellParams<any>)
 
 export function CellEditInput(props: GridRenderEditCellParams & { error?: string; cellEditorType: CellEditorType }) {
   const { error, cellEditorType, ...otherProps } = props;
+  const { locale } = useL10N();
 
   let EditComponent: any = GridEditInputCell;
 
@@ -76,8 +80,10 @@ export function CellEditInput(props: GridRenderEditCellParams & { error?: string
   }
 
   return (
-    <StyledTooltip open={!!error} title={error}>
-      <EditComponent {...otherProps} error={error !== null && error !== undefined} />
-    </StyledTooltip>
+    <LocalizationProvider dateAdapter={AdapterDateFns} adapterLocale={locales[locale]}>
+      <StyledTooltip open={!!error} title={error}>
+        <EditComponent {...otherProps} error={error !== null && error !== undefined} />
+      </StyledTooltip>
+    </LocalizationProvider>
   );
 }
diff --git a/judo-ui-react/src/main/resources/actor/src/l10n/l10n-context.tsx.hbs b/judo-ui-react/src/main/resources/actor/src/l10n/l10n-context.tsx.hbs
@@ -16,7 +16,7 @@ import { OBJECTCLASS } from '@pandino/pandino-api';
 import type { ServiceReference } from '@pandino/pandino-api';
 import { useTrackService, useBundleContext } from '@pandino/react-hooks';
 
-const locales = {
+export const locales = {
     'en-US': enUS,
     {{# neq (shortLocale (getDefaultLanguage application)) 'en' }}
         '{{ getDefaultLanguage application }}': {{ shortLocale (getDefaultLanguage application) }},