Date range picker · Material
A month grid for a start and end date. The range is written in the header, and the month grows from that header rather than from the center.
Design · Material1 / 20
A soft card. The range is a filled start and end with a tint between.
Motion
The month scales from 96% at the top center, under the header, in 180ms.
Accent
A month grid for a start and end date. The range is written in the header, and the month grows from that header rather than from the center.
daterangecalendarbooking