Components
Calendar
Calendars present single-date or range selection in a compact month view.
Single Date
Use single mode when the interface needs one chosen day with minimal extra UI.
Disabled Days
Disabled ranges are useful for unavailable dates.
Date Ranges
Range mode works well for reporting, booking, and filtering flows where a start and end date belong together.
Dropdown Captions
Dropdown month and year captions help when users need to move quickly across larger time spans.
Edit this page
Last updated: May 22, 2026, 6:53 PM