Date picker · Material

A month-grid date picker with locale-aware names via Intl, configurable week start, min/max and disabled days, a month picker and full keyboard navigation.

Design · Material1 / 20

M3 date picker: 28 px surface, month-year dropdown button with chevrons, 32 px circular days with a filled primary selection and an outlined today.

Motion

The new month glides in from the side you navigated toward while it fades up, so direction is always clear.

Accent

A month-grid date picker with locale-aware names via Intl, configurable week start, min/max and disabled days, a month picker and full keyboard navigation.

Category
Date & time
Designs
20
Motions
Slide, Flip, Pop
Released
2026-11-16
date pickercalendardateformbookingschedulermonth

All 20 designs

tap to preview above

Related components

More date & time →