@ilamy/calendar
Version:
A full-featured React calendar component library built with Shadcn-Ui, Tailwind CSS, and TypeScript.
51 lines (40 loc) • 2.71 kB
Markdown
# ilamy Calendar
A powerful, full-featured React calendar component library built with TypeScript, Tailwind CSS, and modern React patterns. Features multiple calendar views, drag-and-drop support, recurring events, and comprehensive internationalization.
<img width="1643" height="873" alt="Screenshot 2025-08-05 at 9 46 41 AM" src="https://github.com/user-attachments/assets/d289f034-0d26-4a1c-a997-dfa1ad26aa7a" />
<img width="1663" height="872" alt="Screenshot 2025-10-13 at 4 24 29 PM" src="https://github.com/user-attachments/assets/ba0aa27e-373c-40ba-98c6-2d6fd767cb66" />
## Features
- 🗓️ **Multiple Views**: Month, Week, Day, and Year views with smooth transitions
- 📊 **Resource Calendar**: Visualize and manage events across multiple resources with timeline layout
- 🎯 **Drag & Drop**: Move events between dates and time slots with collision detection
- 🔄 **RFC 5545 Recurring Events**: Full RRULE support with Google Calendar-style operations
- **RRULE Patterns**: Daily, Weekly, Monthly, Yearly with complex frequencies
- **Smart Operations**: Edit "this event", "this and following", or "all events"
- **Exception Handling**: EXDATE exclusions and modified instance support
- **rrule.js Integration**: Battle-tested library for robust recurrence generation
- 📤 **iCalendar Export**: RFC 5545 compliant .ics file export with proper recurring event handling
- 🌍 **Internationalization**: 100+ locales with dayjs and configurable week start days
- 🎨 **Customizable Styling**:
- Flexible theming with Tailwind CSS and CSS variables
- Custom event rendering with render props
- Configurable colors, fonts, and spacing
- ⚡ **Performance Optimized**:
- On-demand recurring event generation
- Efficient date range calculations
- Minimal re-renders with optimized React patterns
- 📱 **Responsive Design**: Adaptive layouts for desktop, tablet, and mobile
- 🔧 **Developer Experience**:
- Full TypeScript support with comprehensive type definitions
- IntelliSense and autocompletion
- Extensive JSDoc documentation
- Test-driven development with 100% test coverage
- 🎛️ **Advanced Event Management**:
- All-day events with proper timezone handling
- Multi-day events with smart positioning
- Event validation and error handling
- Bulk operations and batch updates
## Documentation
For comprehensive documentation, examples, and interactive demos, visit [ilamy.dev](https://ilamy.dev)
## Code Example
Check out the [examples directory](./examples) for complete project setups:
- [Next.js Example](./examples/nextjs) - Full-featured Next.js integration
- [Astro Example](./examples/astro) - Static site integration with Astro