Date Range Picker

Composable date range picker with root, trigger, popover content, calendar, header, grid, summary, footer, clear and preset parts, plus a shared state hook. Compact inline and dropdown compositions, direct month and year selection, and full keyboard navigation.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/date-range-picker

Files

• components/motion/date-range-picker/context.ts
• components/motion/date-range-picker/date-utils.ts
• components/motion/date-range-picker/messages.ts
• components/motion/date-range-picker/types.ts
• components/motion/date-range-picker/use-date-range-picker.ts
• components/motion/date-range-picker.tsx
• components/motion/popover-morph.tsx
• lib/ease.ts

Source

https://github.com/starc007/ui-components

Categories

• Date Picker Components
• React Date Picker Components
• Tailwind CSS Date Picker Components
• Animated Date Picker Components
• Date Range Picker Components
• React Date Range Picker Components
• Tailwind CSS Date Range Picker Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• Animated Input Components
• Select Components

More from beUI

• Arc Picker
• Color Picker
• Combobox
• Multi Select
• Select
• Select Morph
• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Adaptive Stepper
• Agent Activity