Opening hours component in React handles time zones correctly
A developer's first 'Open now' badge showed the wrong status because the date was computed in the wrong time zone, with the salon in Zurich and the site hosted on US servers. Relying on the visitor's or server's local clock causes mismatches for out-of-town users and between server and browser rendering. The recommended fix is to store one IANA time zone per business and compare all times in that zone, using Intl.DateTimeFormat's formatToParts without a date library. The article also proposes a weekly hours data structure that supports split shifts and closed days as arrays of time ranges. This approach keeps the status logic consistent across the page and in structured data.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.
Discussion (0)
Log in to join the discussion and vote.
Log in