Date range picker

A range picker that grows from its trigger into two months with presets and a stretching range highlight.

Library

Arc Library

Framework

React

Type

ui

License

MIT

Dependencies

lucide-react, motion

Install

npx shadcn@latest add https://uiarc.dev/r/date-range-picker.json

Files

• registry/components/date-range-picker/date-range-picker.tsx
• lib/use-today.ts
• registry/components/date-range-picker/date-range-picker.module.css
• registry/motion-tokens.ts
• lib/motion-tokens.ts

Source

https://github.com/kuratlielia/arc-library

Categories

• Overlay Components
• React Overlay Components
• Animated Overlay Components
• Popover Components
• React Popover Components
• Animated Popover Components

More from Arc Library

• Color picker
• Date picker
• Hover card
• Notification center
• Popover
• Accordion
• Action button
• Action swap
• Activity heatmap
• Alert
• Animated counter
• Announcement bar