HTML 5 input `date`, `datetime-local` and `time` do not following system configured formatting

Description of the issue:

HTML 5 input types date, datetime-local and time do not use system configured date formatting and time formatting.

On my Fedora 41 environment

Steps to Reproduce (add as many as necessary): 1. 2. 3.

Visit https://jsfiddle.net/8p9o04L2/2/ which has the following HTML:

<input type="date" value="2024-12-31">
<input type="datetime-local" value="2025-12-31 16:24">
<input type="time" value="16:24">

Note, by default my browser language is set to en-US but for testing I had it only set to nl-NL and same happens.

However, browser LANGUAGE shouldn’t be deciding the formatting for numbers, date and time.

Actual Result (gifs and screenshots are welcome!):

This shows the following on my system:

image

Expected result:

My system is set to the Dutch culture so would use the following 24 hour datetime format:

DD-MM-YYYY HH:mm

31-12-2024 16:35

So, not in the the format MM/DD/YYYY hh:mm PM/AM

Reproduces how often:

Always

Operating System and Brave Version(See the About Brave page in the main menu):

Version 1.73.104 Chromium: 131.0.6778.204 (Official Build) (64-bit)

Additional Information:

This works correctly with Firefox:

image

It also doesn’t work correctly in other Chromium browsers:

  • Chromium
  • Edge

Also tested on Edge Windows Server which is also shows this incorrectly: