Skip to content

ComponentsCalendar

Components

Calendar

Reka Calendar on the control scale: 32px cells with the control radius, accent selection and today, month / year dropdowns on NativeSelect.

Calendar

No claude.ai instance (cds DateInput / analytics stepper). Today = semibold accent text; selected = fill-accent with on-accent text; outside days muted; unavailable struck through; ghost 28px prev / next. Arrow keys move by day, PageUp / PageDown by month.

single date
October 2026
Event Date, October 2026
month and year dropdowns
Oct
2026
Event Date, October 2026
weekends unavailable, min date
October 2026
Event Date, October 2026

Light and dark

light
October 2026
Event Date, October 2026
dark
October 2026
Event Date, October 2026