Date format in edit invoice is set to mm:dd:yyyy

Hi,

On my self hosted invoice ninja v4 when I select edit invoice the date is in the same format as the localisation format which I have set but in version 5 it doesn’t change on the date drop down.

Below is the version 4.
v4

This is the format in v5:
v5

Is there a way to make the date system wide where ever they are used?
I have the v5 localisation set to:

It seems to change everywhere else except on the invoice edit screen.

Thanks

Hi,

@david @ben any thoughts?

@ubeaut

The react application uses the browser defaults for inputs, the date format is always applied to the PDFs Client Portal however.

Umm. OK?
I have no idea what that even means.
Can you explain what that means?
Is there a setting on my browser for dates? I am using Firefox and cant see anything in settings that mentions dates.
I have set the language to English GB but that didn’t change it either.

Thanks

@ubeaut

If you are on another site with the same date selectors, do you see the same (or different) styles for the date input?

We use whatever is the default based on what the browser tells us.

OK. I tried it on an Android tablet and the date is how I wanted it.

I tried it again on the Linux laptop and using Firefox and the date was still in USA format.

I then ran as root user:

dpkg-reconfigure locales
update-locale en_AU.UTF-8
locale-gen en_AU.UTF-8
locale

which now gives me this:

LANG=en_AU.UTF-8
LANGUAGE=
LC_CTYPE=“en_AU.UTF-8”
LC_NUMERIC=“en_AU.UTF-8”
LC_TIME=“en_AU.UTF-8”
LC_COLLATE=“en_AU.UTF-8”
LC_MONETARY=“en_AU.UTF-8”
LC_MESSAGES=“en_AU.UTF-8”
LC_PAPER=“en_AU.UTF-8”
LC_NAME=“en_AU.UTF-8”
LC_ADDRESS=“en_AU.UTF-8”
LC_TELEPHONE=“en_AU.UTF-8”
LC_MEASUREMENT=“en_AU.UTF-8”
LC_IDENTIFICATION=“en_AU.UTF-8”
LC_ALL=

Conclusion:
On Linux it gets the locale information and not the browser information for the date formatting.

Thanks for the clues as to how it works. It is now displaying the correct date format.