Skip to content

[6.x] Always display time zone in DatePicker#14518

Merged
jasonvarga merged 2 commits into6.xfrom
happy-emu
Apr 20, 2026
Merged

[6.x] Always display time zone in DatePicker#14518
jasonvarga merged 2 commits into6.xfrom
happy-emu

Conversation

@jasonvarga
Copy link
Copy Markdown
Member

@jasonvarga jasonvarga commented Apr 20, 2026

Always render the time zone next to the date segments in the DatePicker, regardless of granularity. Reka only shows it when the granularity includes a time. But we had it disabled anyway as it was weird to only show it sometimes.

We keep the hide-time-zone prop set on DatePickerRoot (so reka-ui never renders its own segment) and instead render the zone ourselves using Intl.DateTimeFormat with timeZoneName: 'short' (e.g. "EDT"). A tooltip exposes the full IANA name (e.g. "America/Toronto").

There can and will be more improvements to the date field regarding timezones, but this is the lowest hanging fruit. At least now you'll be able to see what timezone you're dealing with - alleviating some confusion.

Closes statamic/ideas#1452

CleanShot 2026-04-20 at 11 16 03

It also adds the full date and timezone to the listings.

CleanShot 2026-04-20 at 12 08 01

jasonvarga and others added 2 commits April 20, 2026 11:10
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@jasonvarga jasonvarga merged commit c309b88 into 6.x Apr 20, 2026
18 checks passed
@jasonvarga jasonvarga deleted the happy-emu branch April 20, 2026 16:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Show editors which timezone a date field reflects

1 participant