React/ShadCN Calendar

This calendar is built with shadcn & tailwind. Has all the aspects you'd want in a calendar for a dashboard/app!

Make sure to give this repo a star!

Features

• 🎨 Fully customizable with Tailwind CSS
• 🌓 Dark mode support
• 🎯 Accessible components using Radix UI
• 📱 Responsive design
• 🔄 Multiple view modes
• 📅 Advanced event management

Modes

Day

• Detailed single day view
• Hour-by-hour breakdown
• Event management
• Time-slot selection

Week

• 7-day view
• Multiple event display
• Quick navigation

Month

• Full month overview
• Event preview
• Quick date selection
• Today highlighting

Dialog Features

Create Event Dialog

• 📝 Event title input
• 🕒 Date/time picker for start and end times
• 🎨 Color picker for event categorization
• ✅ Form validation
• 🔄 Real-time preview

Manage Event Dialog

• ✏️ Edit existing events
• 🗑️ Delete events
• 🕒 Modify date/time
• 🎨 Update event color
• ⚡ Quick actions

Date/Time Picker

• 📅 Calendar date selection
• ⏰ Hour selection (24-hour format)

From RDSX

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Original Inspiriation

Synergy CRM

License

MIT