Problem with MaterialUI DatePicker French traduction

General
1

Hello everyone, I’m experiencing an issue with Material-UI DatePicker not displaying French text despite having properly configured the locale settings.

I define the dayjs.locale(‘fr’) and it’s work because when i use a DatePicker in the same component i have correct french labels

Despite all these configurations pointing to French locale, the DatePicker still displays: Month names in English (January, February, etc.) Button labels in English (“Cancel”, “OK” instead of “Annuler”, “OK”) Day abbreviations in English

Is there an additional step I’m missing for Material-UI DatePicker localization within JSONForms? Do I need to import specific Material-UI locale files or configure something else?

Any help would be greatly appreciated!

Environment:

  • @jsonforms/react

  • @jsonforms/material-renderers

  • @mui/x-date-pickers

  • dayjs

image
image340×460 11.2 KB

2

Hi @EtienneS76 ,

this might actually be a (refresh) problem in JSON Forms. Or a problem of the locale being overridden somewhere in JSON Forms.

I can reproduce something similar to this:

I define the dayjs.locale(‘fr’) and it’s work because when i use a DatePicker in the same component i have correct french labels

I tested in the JSON Forms React seed. After configuring dayjs.locale(‘fr’) either once in main.tsx or in the JsonFormsDemo component, the date renderer uses french locale on first open. However, after closing it and opening the picker again, the texts return to English.

The locale for JSON Forms general translation provided via the i18n prop also does not affect this.

Could you open an issue for this at GitHub · Where software is built ?

Thanks and kind regards,

Lucas