Spec

Containermax-width 360px, radius 12px, padding 16px
Day cell44px min height, radius 8px
Navigation buttonsUse Button component classes (secondary + icon), 44x44px min touch area
Statesdefault, hover, focus-visible, today, selected, disabled
Accessibilityrole grid + role gridcell, aria-selected, aria-current="date", labeled month navigation

Month Picker

Static visual example with states

March 2026

Day States

Each tile is one day cell state (44x44)

Default
Hover
Focus
Today
Selected
Disabled