Date range picker · Glass
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 · Glass4 / 20
A solid dark card so the dates stay readable.
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