Date range picker · Playful
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 · Playful15 / 20
A chunky outlined card with a press-down shadow.
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