MacOs Web doesn't returning correct Time Format

[rohanjariwala03]

I’ve implemented a feature with the help of your package and it works perfectly across all platforms except for MacOS web. When building the app for Chrome on MacOS in debug mode, I’m encountering an issue where the time format is not being returned correctly. While the date format is retrieved as expected, the time format is always returned as h:mm regardless of the actual time settings on the system.

For reference, here is the output of the time format on MacOS web (as seen in the attached image):

However, the actual time format set on my Mac is as follows:

As you can see, the correct format should display a 24-hour clock (HH:mm), but the output always defaults to a 12-hour format (h:mm), even though the system is configured otherwise. I’ve ensured that the date format is correctly retrieved, but this issue seems to be specific to the time format on MacOS web builds. Any insights or suggestions on how to resolve this discrepancy would be greatly appreciated.

[jacksoncurrie]

Noticed this issue on web as well. Have made a fix with here: #26.

You can apply this fix by updating the CDN script to the actual new script in index.html:

<!-- <script src="https://cdn.jsdelivr.net/gh/Nikoro/system_date_time_format@main/web/system_date_time_format.min.js"></script> -->

<script>const getDateTimeFormatPattern=e=>{let t=new Intl.DateTimeFormat(void 0,e).formatToParts(new Date),a=t.some(e=>"dayPeriod"==e.type);return t.map(e=>{switch(e.type){case"weekday":return"EEEE";case"day":return"d".repeat(e.value.length);case"month":return"M".repeat(Math.min(4,e.value.length));case"year":return"y".repeat(e.value.length);case"hour":return a?"h":"HH";case"minute":return"m".repeat(e.value.length);case"second":return"s".repeat(e.value.length);case"literal":return e.value;case"dayPeriod":return"a";default:return""}}).join("")},getDateFormat=()=>getDateTimeFormatPattern({dateStyle:"short"}),getMediumDateFormat=()=>getDateTimeFormatPattern({dateStyle:"medium"}),getLongDateFormat=()=>getDateTimeFormatPattern({dateStyle:"long"}),getFullDateFormat=()=>getDateTimeFormatPattern({dateStyle:"full"}),getTimeFormat=()=>getDateTimeFormatPattern({timeStyle:"short"});</script>