on Mode change - Events goes blank

[codoffer]

I am facing a weird issue with the calendar. I am giving an option to the user to change mode - from Default Monthly to Weekly. On changing the mode, I am not able to get the events with onTimeSelected.

Will I have to invoke or refresh the events?

I have tried with loadEvents() but all was in vain. Can you help with this issue?

 <calendar
          [eventSource]="eventSource"
          [calendarMode]="modeMonthActive ? 'month': 'week'"
          [currentDate]="calendar.currentDate"
          [showEventDetail]="calendar.showEventDetail"
          (onTitleChanged)="onViewTitleChanged($event)"
          (onTimeSelected)="loadDayClasses($event)"
          [monthviewDisplayEventTemplate]="templateMonth"
          [weekviewAllDayEventTemplate]="templateWeek"
          [weekviewHeaderTemplate]="templateWeekHeader"
          formatWeekTitle="MMMM yyyy"
          formatDayHeader="EEEEEE"
          step="30"
        >
        </calendar>

[twinssbc]

@codoffer you don't need to loadEvents again. How do you fill your eventSource array?

[codoffer]

I am loading events from the server and pushing events to the eventSource variable. It's working fine with the month view. When I am toggling mode ('month' to 'week'), Events are converted to a blank array.

[twinssbc]

I think you could set the mode to 'week' at the beginning, then try insert some dummy event to see if it's working. So that you could tell if it's something with the events loaded from server.
Also there are two types of event, normal event and all day events, they have different requirement of startTime and endTime.
For normal event, startTime could just be current date time, like new Date(2023,1,17,7,53,00), but for all day event, it needs created from UTC time, new Date(Date.UTC(2023, 1, 17)).
https://github.com/twinssbc/Ionic2-Calendar#eventsource