Date picker
Single date or date range. Anchored to an input. Keyboard navigable; works offline.
Usage
Trigger is an input; the popover holds a one-month calendar.
June 2026
Mo
Tu
We
Th
Fr
Sa
Su
Range picker
Two-month view; click start, then end. Selected dates highlight, in-between dates tint.
June 2026
Mo
Tu
We
Th
Fr
Sa
Su
July 2026
Mo
Tu
We
Th
Fr
Sa
Su
15 Jun – 8 Jul 2026 · 23 days
Do & don't
Do
Parse free typing in the input. "3 jun" or "06/03/26" should both resolve.
Don't
Open the picker on focus. Click to open; focus to type.
Do
Show preset ranges in a sidebar — "Today", "This week", "Last 30 days".
Don't
Allow selecting dates outside the workspace fiscal range.