C
CalendoPro

Week Picker Calendar

Select entire weeks with week number display

Configuration

Selected Week Info

Week Number: -
Start Date: -
End Date: -

Usage Example

// Initialize Week Picker Calendar const calendar = new CalendoPro.WeekPicker('#my-calendar', { theme: 'light', showWeekNumbers: true, startDay: 1, // Monday onWeekSelect: (data) => { console.log('Week:', data.weekNumber); console.log('Year:', data.year); console.log('Dates:', data.dates); console.log('Start:', data.startDate); console.log('End:', data.endDate); } }); // Get selected week const week = calendar.getSelectedWeek();
📆

Full Week Selection

Click any day to select the entire week. Perfect for weekly scheduling.

#️⃣

Week Numbers

Optional ISO week numbers displayed alongside each week.

🎯

Hover Preview

See the entire week highlight as you hover over dates.