lucasw89/gacha-event-tracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: label a daily pip in game-day space, not the reader's zone

Browse Source 
A day key is a game-day, not an instant, but the pip's title and
aria-label were formatted in the browser's timezone. Every reader west
of UTC saw a pip reading "12" whose screen-reader label said "Aug 11" —
including the whole `america` region these checklists are scoped to.

Co-Authored-By: Claude Opus 5 (1M context) <[email protected]>
This commit is contained in:
Lucas Winther
2026-08-15 21:42:09 +02:00
co-authored by Claude Opus 5
parent 1bc7b0057c
commit 99786f6fc9
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/client/components/DailyChecklist.tsx
+5
View File
@@ -135,9 +135,14 @@ function DayPip({
}) { }) {
const isToday = day === today; const isToday = day === today;
const isFuture = day > today; const isFuture = day > today;
// Rendered in UTC on purpose. A day key is a game-day, not an instant, and
// formatting it in the reader's own zone shifts it a day backwards for
// everyone west of UTC — so the pip would read "12" while the label a screen
// reader announces said "Aug 11".
const label = new Date(`${day}T00:00:00Z`).toLocaleDateString(undefined, { const label = new Date(`${day}T00:00:00Z`).toLocaleDateString(undefined, {
day: "numeric", day: "numeric",
month: "short", month: "short",
timeZone: "UTC",
}); });
return ( return (