Install with shadcn CLI
npx shadcn@latest add https://www.shadcn.io/registry/lucide-calendar-range.json
npx shadcn@latest add https://www.shadcn.io/registry/lucide-calendar-range.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/lucide-calendar-range.json
bunx shadcn@latest add https://www.shadcn.io/registry/lucide-calendar-range.json
Tags:calendarrangeperioddurationspanselectiontimeframeinterval
The calendar-range icon represents date range selection and period planning functionality in calendar and booking applications. Featuring a calendar with range indicators and multiple date markers, this period selection symbol has become the standard for indicating date spans, multi-day events, and temporal range selection across booking platforms and project planning interfaces.
Frequently Asked Questions
Common questions about the Calendar Range icon