Date and time
The browser's own picker first — it knows the reader's locale, their calendar and their keyboard. A drawn calendar is here too, for the cases where a range or a marked day is the point.
Native
nothing to ship, and it is already translated
A drawn calendar has to be taught about locales, time zones, the keyboard and the screen reader. The native control already knows all four, and on a phone it opens the picker the reader is used to.
A range
two natives, kept in order
Each field caps the other, so the range cannot be put the wrong way round.
A drawn month
when the days themselves carry information
September 2026
| Mon | Tue | Wed | Thu | Fri | Sat | Sun |
|---|---|---|---|---|---|---|
Falls due
Paid
Relative dates
what a person actually says
- Raised
- 24 Aug 2026
- a month ago
- Sent
- 24 Aug 2026, 09:14
- a month ago
- Viewed
- 26 Aug 2026, 14:02
- 4 weeks ago
- Due
- 23 Sep 2026
- yesterday
Both, always. “Yesterday” is what someone wants to read; the date is what they need when they come back to it in March.