Range Calendar

Learn more about Mintlify

Enter your email to receive updates about new features and product releases.

About

The <RangeCalendar /> component is built on top of the Bits Range Calendar component, which uses the @internationalized/date package to handle dates.

You can see the RangeCalendar component in action in the 30+ Calendar Blocks we’ve built.

npx shadcn-svelte@next add range-calendar

Install dependencies

npm install bits-ui @internationalized/date -D

Copy and paste the component source

Copy and paste the component source code into your project.