Change dates format

[kuvakina]

We have a problem with changing dates format from mm/dd/yyyy to dd/mm/yyyy (For NES and OneLondon)

• 1) on SPV , in issues:
  

• 2) on MPV, DOB

• 2.1:
  

• 2.2:
  

From @BogdanScherban :
Hi, Francois!

DateInput and DateField components have default date format: "MM/DD/YYYY".

I tried to set format "DD-MM-YYYY" for DateField by setting locales and options according to https://marmelab.com/react-admin/Fields.html#datefield

<DateField locales="en-GB" options={{ year: "numeric", month: "numeric", day: "numeric" }} />

Unfortunately, in this case format is the same. But what means "If Intl is not available, it ignores the locales and options props."? How can we enable using of it?

For DateInput I tried to use extra plugin https://github.com/vascofg/react-admin-date-inputs (according to RA-manual):

1. install this plugin by:
   npm install react-admin-date-inputs --save

2. Add required attributes to DateInput
   <DateInput source="birthDate" label="Born" options={{ format: 'DD-MM-YYYY' }} fullWidth />

3. Try to create build. When I doing this, I have an error:
   

If we try to install this module, following error occurs:

For this reason I can't use vascofg/react-admin-date-inputs.

Besides this, I tried to solve the issue by a lot of variants which are presented at stackoverflow (and other similar sources), but all of them don't work...

@fzaninotto

[fzaninotto]

Intl is part of the Javascript standard library, and is only available in recent browsers (see caniuse). If you're not targeting old browsers (like IE 10), Intl is present and you don't have to worry about it.

If passing locales and options in the <DateField> component doesn't work, it means that the related locales may not be installed on your browser. When you install Chrome for instance, it comes with only a few locales (in you case, probably Russian and American English). But as users of the Helm app should all have a browser with the "en-GB" locale installed, they should not experience the issue. You can check by yourself by adding more languages to your browser (in Chrome, got to Settings, Language, Add language).

Also, a better default for the locales prop could be en-US (American English). I think it's installed by default on all western versions of modern browsers. Or, even better, en is fine, too, and will work both for US and GB. Note that the locales argument may accept an array of locales, too.

For the react-admin-date-input, I don't maintain that plugin and I have no experience with it, so I suggest you open an issue on their issue tracker with your error. In the meantime, use the react-admin DateInput, which is localized by default using the browser locale.