Agenda Schedule Blog Block for React

Each zone is a fixed offset in minutes from UTC (UTC 0, New York −300, Tokyo +540), and every post's time is stored as minutes after midnight UTC. A time is the sum, wrapped to a day, so the server and every browser print the same thing and no Intl time-zone data is involved. The trade-off is that daylight saving is not modelled: the sample dates are in November, after the clocks change in New York.

The sample times are chosen between 07:00 and 14:00 UTC, which fall on the same date in all three zones. If you add a time outside that range, group it by the date in the chosen zone yourself, or keep the day label as the publishing day in UTC.

Scheduled has a slot and will go out; In review has a target time that may move; Draft has no time yet and its row says "No time yet". Each state is an icon and a word, never a colour alone.

Tab to the Select, press Enter or Space to open it, use the arrow keys to move and Enter to choose; Escape closes it. The choice is announced through the polite line under the title.

Each row becomes two lines: the title and byline, then the time under them, with the state at the end. The Select goes full width under the header.