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.

Two-Month Display

months="2" shows two months side by side — useful for ranges and booking-style UIs.

Week Numbers

with-week-numbers adds an ISO 8601 week column.

View Stepper

Click the month/year title to step between day, month, and year views.

Days of Week

disabled-days-of-week takes space-separated weekday names (sun, mon, …).

Edit this page
Last updated: Jul 19, 2026, 4:42 PM