Skip to content

ComponentsRangeCalendar

Components

RangeCalendar

Reka RangeCalendar: accent endpoints with an accent-muted band rounded at its ends, two months side by side.

RangeCalendar

No claude.ai instance. The band (fill-accent 10%) is painted by the cells and rounded with the control radius at the row ends and the selection ends; start / end are accent squares with white text; hover previews the range.

Event Date, October - November 2026
October - November 2026

Light and dark

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