C
CalendoPro

Classic Event Calendar

Full-featured calendar with events, modals, and smooth animations

Configuration

None
-

Usage Example

// Initialize Classic Calendar
const calendar = new CalendoPro.Classic('#my-calendar', {
  theme: 'light',
  startDay: 0, // 0 = Sunday, 1 = Monday
  animations: true,
  events: [
    { id: '1', date: '2025-01-15', title: 'Team Meeting', color: '#6366f1' },
    { id: '2', date: '2025-01-15', title: 'Lunch', time: '12:30', color: '#10b981' }
  ],
  onDateSelect: (data) => console.log('Selected:', data),
  onEventClick: (event) => console.log('Event:', event)
});
📅

Month/Week/Day Views

Switch between different calendar views with smooth transitions.

🎨

Color-Coded Events

Each event can have its own color for easy visual identification.

Event Modals

Click on a date with events to see a beautiful modal popup.