Date range picker · Swiss
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 · Swiss9 / 20
A heavy top rule. No 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