Date picker

A button that opens a calendar in a popover, or a bottom sheet on phones, for single dates and ranges.

Library

HextaUI

Framework

React

Type

ui

License

MIT

Dependencies

@tabler/icons-react, cn, react-day-picker@^10.0.2

Install

npx shadcn@latest add https://hextaui.com/r/date-picker.json

Files

• components/ui/date-picker.tsx
• components/ui/button.tsx
• components/ui/calendar.tsx
• components/ui/popover.tsx
• components/ui/sheet.tsx
• hooks/use-today.ts
• lib/motion.ts
• components/ui/spinner.tsx

Source

https://github.com/preetsuthar17/hextaui

Categories

• Calendar Components
• React Calendar Components
• Tailwind CSS Calendar Components
• Animated Calendar Components
• shadcn/ui Calendar Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components
• shadcn/ui Data Display Components
• Date Picker Components
• React Date Picker Components

More from HextaUI

• Calendar
• Hover card
• Popover
• Accordion
• Alert
• Alert dialog
• Aspect ratio
• Attachment
• Avatar
• Badge
• Breadcrumb
• Bubble