Calendar Crest

Docs

Calendar Crest

A dual-month range picker with physical depth — selected days rise off the surface with spring physics, endpoints crest highest, the range forms a ridge with proportional shadows.

Installation

Props

Prop	Type	Default	Description
`defaultStart`	`string`	-	Initial start date as `YYYY-MM-DD`
`defaultEnd`	`string`	-	Initial end date as `YYYY-MM-DD`
`onRangeChange`	`(start: string \| null, end: string \| null) => void`	-	Callback fired when range changes
`sound`	`boolean`	`true`	Enable soft tick on selection and navigation

Calendar Wave Spark Chart

Contribute

Report an issue
Request a feature
Edit this page

Limited Time Offer

Build stunning UIs in minutes

Get 50+ premium components, templates, and blocks with lifetime updates.

Next.js 15 + TypeScript ready
Tailwind CSS v4 + Framer Motion
Copy, paste, ship in minutes
Lifetime updates included

$59once

Get Lifetime Access