Issue with selectedDate on timeline mode in weekly view

Event calendars & schedulers
1

My configuraion look like this

timeline: {
        type:  'week' 
        resourceReorder: false,
        virtualScroll: true,
        lazyLoading: true,
        lazyLoadingDelay: 200,
        eventOverlap: false,
        startDay: 1,
        endDay: 0,
      }

When i create a event on the last day of the week (9th Nov). I have set the selected date to 9th Nov. But the calendar navigates to 10th of Nov which is in new week view.

  const selectedDate = useSchedularStore((state) => state.selectedDate);
  const setSelectedDate = useSchedularStore((state) => state.setSelectedDate);

 <Eventcalendar
        data={validatedData}
        resources={validatedResources}
        view={calendarViewConfig}
        selectedDate={selectedDate}
        onSelectedDateChange={handleSelectedDateChange}
      />

Also the arguments of onSelectedDateChange gives the date according to what would happen according to startDay 0. Due to which i have to add one day manually

For eg
Here selected date is Sun Dec 21 2025 00:00:00 GMT+0545 (Nepal Time)
However the view is from

image
image2398×464 51.4 KB

2

Hi @Sudip,

I was able to reproduce this issue with the shared code, and after some testing I found a workaround that fixes the incorrect week navigation.

Instead of setting the start day inside the timeline config like this:

timeline: {
  type: 'week',
  startDay: 1,
  endDay: 0,
  ...
}

Use the top-level firstDay={1} option:

<Eventcalendar
  firstDay={1}
  timeline={{...}}
/>

It seems that setting startDay inside the timeline object causes inconsistent behavior, but the top-level firstDay works as expected. Also I passed this on to the dev team.

Let me know if this works in your case as well!

3

Thank you @Szili. It resolved the issue we were facing :grinning: :pray: