Components
Day navigation and date picker
Move between days and choose a date while preserving Today as an explicit reference.
On this page
Purpose and usage
Move between days and choose a date while preserving Today as an explicit reference.
Use for agenda selection; native date inputs in event forms have a different contract.
Anatomy
| Part | Contract |
|---|---|
| Previous/next controls | Change selected day through the parent callback. |
| Date trigger | Names Today or the selected calendar date. |
| Month dialog | Month navigation and day buttons. |
Variants and configuration
| Configuration | Behavior |
|---|---|
| Presentation | compact, heroOverlay, iconOnly. |
| Controlled dates | selectedDate, todayDate, onSelectDate. |
State coverage
| State | Implemented behavior |
|---|---|
| Today | Date trigger identifies Today. |
| Another day | Trigger uses the selected calendar date. |
| Open picker | Nonmodal dialog; current date has aria-current=date. |
Interaction and responsive behavior
- Pass local YYYY-MM-DD date keys from the existing helpers.
- Keep next and previous controls available on phones.
- Changing month in the picker is distinct from committing a selected day.
Accessibility contract
- Day buttons have full-date accessible labels.
- Picker is a nonmodal dialog, not a date grid with verified arrow-key navigation.
- Escape and outside pointer close the surface.
Known gaps and readiness
Do not claim a full ARIA grid or calendar keyboard model. Screen-reader date discovery and focus return need further verification.
Composition example
<DayNavigator selectedDate={selectedDate}
todayDate={todayDate} onSelectDate={setSelectedDate} />Source references
| File | Responsibility |
|---|---|
| app/components/day-navigator.tsx | Date navigation and month picker |
| app/components/agenda-date-utils.ts | Local date keys and comparisons |
Examples from the app
Actual Radarist components with fictional data. Captured at 2× resolution or higher. Select an image to inspect it full size.
Related topics
Source audit: 2026-10-07 · Revision 0103e2549959 · Documentation v0.1