Time format 24h shows 00:15 as 24:15 in Google Chrome

[tangix]

Checklist

• I have updated to the latest available Home Assistant version.
• I have cleared the cache of my browser.
• I have tried a different browser to see if it is related to my browser.

Describe the issue you are experiencing

When selecting 24h time format in my profile, times occurring in the first hour of the day (00:00 - 00:59) shows up as 24:xx in Google Chrome.
Example, this automation ran June 6 at 00:15.
In Chrome:

In Safari:

Describe the behavior you expected

Should show a one would expect, 00:15 in all browsers.

Steps to reproduce the issue

1. Open profile and set time format to 24h
2. Check automations that have been running the first hour of the day

What version of Home Assistant Core has the issue?

core-2021.6.2

What was the last working version of Home Assistant Core?

No response

In which browser are you experiencing the issue with?

Google Chrome 91.0.4472.77

Which operating system are you using to run this browser?

macOS Catalina 10.15.7 (19H1217)

State of relevant entities

No response

Problem-relevant frontend configuration

No response

Javascript errors shown in your browser console/inspector

No response

Additional information

No response

[spacegaier]

Does it only happen in that view? Did you check e.g. the logbook entries for entities that are changed by that automation run?

Please fill out the automation entity state in the issue template.
Which language is your frontend set to?

And did you test it in private browsing mode of Chrome to rule out any caching issues?

[spacegaier]

I also cannot reproduce the issue on Win 10 + FF or Chrome.

[tangix]

Does it only happen in that view? Did you check e.g. the logbook entries for entities that are changed by that automation run?

Which language is your frontend set to?

English

And did you test it in private browsing mode of Chrome to rule out any caching issues?

Yes

[tangix]

I also cannot reproduce the issue on Win 10 + FF or Chrome.

For me it works in Safari on same mac
FF on same mac works

[tangix]

Maybe related?
moment/luxon#726

[tangix]

Don't know how you format the date, but this snippet produces different results in Chrome and Edge versus Safari and FF

const formatOptions = { hour: 'numeric', minute: 'numeric', hour12: false };
const valueToFormat = Date.parse('2020-01-01T00:15:00');
const dateTimeFormat = new Intl.DateTimeFormat('en-US', formatOptions);
console.log(dateTimeFormat.format(valueToFormat));

24:15 on Chromium-based browsers and 00:15 on other.

[bigboban]

Same observation. See my report here: home-assistant/core#51974.

[ludeeus]

https://support.google.com/chrome/thread/29828561/chrome-80-shows-timestamp-24-xx-instead-of-00-00?hl=en
using hourCycle requires es2020 as the target

[ripvega]

I am experiencing the same issue with HA.

Please see the image in the link above.

Using Chrome on Mac.

[bangan1910]

So this is a Chrome issue? Can someone point me in the direction of a solution for this?
Will it get a workaround from HA? The Chrome thread was closed. Something i can change in my end?
I am seeing the same oddity in the Android app.

[gigawatts]

No idea if this is related, but the "Files" app in Google Chrome OS has the exact same problem, I've been trying to get Google's attention on this bug for the better part of a year.

https://issuetracker.google.com/issues/203123037