Range Calendar

A calendar component that allows users to select a range of dates.

Installation


pnpm dlx shadcn@latest add @force-ui-svelte/range-calendar

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.

On This Page

Deploy your shadcn/ui app on Vercel

Trusted by OpenAI, Sonos, Adobe, and more.

Vercel provides tools and infrastructure to deploy apps and features at scale.