Date Selector

A universal date selector component with multiple period types, filter modes, and flexible display options.

Library

ReUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @reui/date-selector

Files

• registry-reui/bases/radix/reui/date-selector.tsx
• registry/bases/radix/hooks/use-mobile.ts
• registry/bases/radix/ui/button.tsx
• registry/bases/radix/ui/calendar.tsx
• registry/bases/radix/ui/input.tsx
• registry/bases/radix/ui/scroll-area.tsx
• registry/bases/radix/ui/tabs.tsx
• app/(create)/components/icon-placeholder.tsx

Source

https://github.com/keenthemes/reui

Categories

• Date Picker Components
• React Date Picker Components
• Tailwind CSS 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

More from ReUI

• Basic date selector
• Date selector with popover
• Date selector with dialog
• Date selector with dropdown menu
• Alert
• Autocomplete
• Badge
• A basic single-expand accordion
• Accordion with rotating arrow indicator
• Accordion pattern for onboarding or setup steps with icons, badges, and QR codes
• Accordion with plus/minus indicators
• Accordion with borders and rounded corners