Full Calendar
A feature-rich calendar application built with React, TypeScript, and ShadCN UI components. This project provides a customizable and interactive calendar experience with multiple views, event management, and a modern UI.
Live Demo: https://calendar.jeraidi.dev
Key Features
- Multiple Views: Day, Week, Month, Year, and Agenda views
- Event Management: Create, edit, and delete events
- Drag & Drop: Move events between time slots and dates
- Event Resizing: Resize events in day and week views with smooth animations
- User Management: Multi-user support with user filtering
- Color Coding: Events can be color-coded for better organization
- Responsive Design: Works seamlessly across all device sizes
- Dark Mode: Full dark mode support
- 24/12 Hour Format: Toggle between 24-hour and 12-hour time formats
Installation
Use your preferred package manager to install the calendar component directly from the custom ShadCN UI registry:
npx shadcn@latest add "https://calendar.jeraidi.dev/r/full-calendar.json"
Usage