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 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