Time zone issue with multi-day events

Hey!

I’ve noticed a potential issue with multi-day events when viewing from a different time zone than the one that is set for the calendar. Single-day events work correctly.

In the example below, the multi-day event should span from 10/01/2022 to 14/01/2022. The time zone is set to Asia/Tokyo with the Moment.js localizer.

When viewing the calendar from the Asia/Tokyo time zone, the range is correct:

When viewing the calendar from the America/Los_Angeles (or Europe/Brussels) time zone, the range is 1 day short:

CodeSandbox of the demo: https://codesandbox.io/s/romantic-stonebraker-w633f?file=/src/App.js

Is this an issue with react-big-calendar or a mistake on my end?

Thank you!

Žiga

[dphuang2]

I had a problem where month was not showing mulit-day events on Saturdays in the Month view when setting timezone to UTC:

I did some debugging and found that the localizer.segmentOffset === 1 caused the span of the event to max at 6 (https://github.com/jquense/react-big-calendar/blob/e5721ef127d407a12ac74514981b311a1558fd2b/src/utils/eventLevels.js#L28). So I manually set localizer.segmentOffset = 0 outside of initializing the localizer and now I see the correct output:

The code to do so is:

moment.tz.setDefault('UTC')
const localizer = momentLocalizer(moment)
localizer.segmentOffset = 0

...

  return (
    <div className="height">
      <Calendar showMultiDayTimes localizer={localizer} events={events} />
    </div>
  )

[vman12300]

Hi is there a workaround to get this fixed in the week view or workweek view? I also experience strange behavior in the workweek view when an event overlaps a week the Friday is skipped in the allday colum. But this is not always the case. My pc is set to English and then it works fine. But when the pc is set to Dutch this behavior occurs