marigold-ui/marigold_2026

Calendar

Basic

Selects a month and year from the dropdowns

Disables the month and year pickers outside the allowed range

Skips out-of-range months and selects an in-range one

Lists only in-range years and selects one

Clamps the year list at minValue and keeps a forward window

Keeps the maxValue year reachable and renders no later years

Selecting a non-leap year from a Feb 29 focus resolves cleanly

Opens with the focused year centered

Opens with a focused month

Announces selected and disabled months to assistive tech

Controlled

Disabled

Read Only

Two Months

Navigates forward and back across visible months

Advances one month at a time when pageBehavior is single

Three Months

Three Months Full Width

Multiple Selection

Selects and removes multiple dates

Chromatic publishes Storybook to streamline collaboration

Learn more Sign in