Date-only events render incorrectly in Month view

[daianadimitrova258]

Before asking

• I have read the documentation thoroughly
• I have searched existing issues and discussions for similar questions

Question Category

Event Handling

Your Question

Hi colleagues,

I’m facing an issue with the Scheduler and I’m not sure whether it’s a bug or expected behavior.
Previously, I created events with both date and time, e.g. 2025-10-11 12:00:00. Recently, after some backend changes, I now work only with dates, e.g. 2025-10-11.

Here’s the problem:
In the Week and Two Weeks views, everything looks fine — the events display on the correct dates.
In the Month view, however, the events appear one day shorter.

I tried configuring the Scheduler to work with date-only format using:

const schedulerData: SchedulerData = new SchedulerData(
  dayjs().format(DATE_FORMAT),
  DEFAULT_VIEW_TYPE,
  false,
  false,
  PLANNER_CALENDAR_CONFIG,
  { getCustomDateFunc: getCustomDate }
);

schedulerData.setDate(dayjs().format(DATE_FORMAT));

But this didn’t change the behavior.
Do you have any suggestions on how to make it work consistently with date-only events across all views?
Thanks in advance!

Environment

• react-big-schedule version: 4.4.0
• React version: 18.3.1
• Browser: Safari and Chrome
• Operating System: macOS

Additional Context

Here you can find the difference between the two views.

[DamyanBG]

I investigated the issue and actually there is some bug. Let me describe:

Using the Basic example components, I changed the one of the events in the demo data to:

  {
    id: 11,
    start: '2025-10-02',
    end: '2025-10-10',
    resourceId: 'r1',
    title: 'R1 has many tasks 3 -------',
  },

This is a screenshot of the Month view:

When I change the same demo data event to:

  {
    id: 11,
    start: '2025-09-02',
    end: '2025-10-10',
    resourceId: 'r1',
    title: 'R1 has many tasks 3 -------',
  },

I receive this Month view:

There is a difference if the showed ending date of the event. At the first case, when the event is 100% visible, the ending date is 10/09. When the event is partially shown, the ending date is 10.10.

I think the issue comes from the EventItem component, but further debugging is required.

[daianadimitrova258]

Hi!

We’ve been trying to find a workaround for the visual issue with the month view. Until now, we were using two custom views — one for Week (ViewType.Custom) and one for Two Weeks (ViewType.Custom1). So, we also made the Month view custom, and it seems that the issue has disappeared.

However, there’s still a problem: at the end of the month, some tasks in the calendar break in a strange way and are displayed as if they last one day longer than they should. It’s quite possible that this mismatch appears elsewhere too, but we haven’t discovered it yet.

So, it would definitely be helpful for us if you could find the root cause of the problem. I’ve attached a screenshot showing the case where we use ViewType.Custom2 for the Month view, and one of the tasks is broken.