C
CalendoPro

Multi-Select Calendar

Select multiple individual dates with visual chips display

Selected Dates

No dates selected

Configuration

Selection Count

0
dates selected

Usage Example

// Initialize Multi-Select Calendar const calendar = new CalendoPro.MultiSelect('#my-calendar', { theme: 'light', maxSelections: 10, selectedDates: ['2025-01-15', '2025-01-20'], onSelectionChange: (dates) => { console.log('Selected dates:', dates); } }); // Get selected dates const dates = calendar.getSelectedDates(); // Clear all selections calendar.clearSelection();

Multiple Selection

Click to add or remove dates. Select as many as you need.

🏷️

Visual Chips

Selected dates shown as removable chips below the calendar.

🔢

Max Limit

Set a maximum number of dates that can be selected.