When viewing a calendar that has a lot of events, it sometimes displays the start date incorrectly.
For instance, Gina and Tina Rae's vacations both start on July 14th, but the calendar is showing them as starting on July 15th. If you hover over their events, it says their vacation starts on July 14th, so I'm confident the data is correct.
If I change the filter to only show Gina's (or Tina Rae's) department, the event displays properly:
Stephen and Natalie's vacations correctly show as starting on July 14th.
I suspect the issue has to do with Allyson and Evan's vacations ending on July 14th, which is triggering the programming logic to fill the gaps incorrectly.
Hi @StephenJabs,
We need a reproduction of the issue. You can modify the online demo until it displays the same behavior as your app: Blazor Scheduler Component | Free UI Components by Radzen
I was able to replicate the problem using the online demo.
Create 4 vacations (using the default time of 0 hours, 0 minutes to simulate full day events)
- Vacation 1 July 6 to July 15
- Vacation 2 July 6 to July 15
- Vacation 3 July 6 to July 31
- Vacation 4 July 6 to July 31
Note how Vacation 4 has a start date of July 13th, but displays in the monthly calendar as though it starts on July 15th.
We need some actual code. Also you say " Vacation 4 July 6 to July 31" but then "Note how Vacation 4 has a start date of July 13th,". Does it start on 6 or 13th? Paste the code which reproduces the issue.
Correction:
- Vacation 1 July 6 to July 15
- Vacation 2 July 6 to July 15
- Vacation 3 July 6 to July 31
- Vacation 4 July 13 to July 31
Edit the list of appointments as follows:
IList<Appointment> appointments = new List<Appointment>
{
new Appointment { Start = new DateTime(2025, 7, 6), End = new DateTime(2025, 7, 15), Text = "Vacation 1" },
new Appointment { Start = new DateTime(2025, 7, 6), End = new DateTime(2025, 7, 15), Text = "Vacation 2" },
new Appointment { Start = new DateTime(2025, 7, 6), End = new DateTime(2025, 7, 31), Text = "Vacation 3" },
new Appointment { Start = new DateTime(2025, 7, 13), End = new DateTime(2025, 7, 31), Text = "Vacation 4" },
};
You should see Vacation 4 as starting on July 15th, not July 13th.
I see what you mean. Currently this happens because there isn't enough space to display 4 events in a single slot. This is why the last event starts on 15th when there is free space. You can set the MaxAppointmentsInSlot property of RadzenMonthView to a higher value.
MaxAppointmentsInSlot has been problematic in the past. It doesn't account for changes in the browser window size. I'd prefer to avoid this, as it causes more problems than it solves.
What should happen is it adds +1 more button, but does not add the item once more space becomes available. It is misleading, makes it appear as though the event starts on July 15th.
There is a +1 button on 13th and 14th which is the expected behavior.
Ideally the "Vacation 4" appointment should display an arrow to indicate that it starts on a different date but we have not implemented that yet.
