Calendar

A date grid for single, range and multiple selection, with sliding months, range previews and touch-sized days.

Library

HextaUI

Framework

React

Type

ui

License

MIT

Dependencies

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

Install

npx shadcn@latest add https://hextaui.com/r/calendar.json

Files

• components/ui/calendar.tsx
• components/ui/button.tsx
• lib/motion.ts
• hooks/use-today.ts
• components/ui/spinner.tsx
• hooks/use-button-feedback.ts
• hooks/use-delayed-loading.ts

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

More from HextaUI

• Date picker
• Accordion
• Alert
• Alert dialog
• Aspect ratio
• Attachment
• Avatar
• Badge
• Breadcrumb
• Bubble
• Button
• Button group