15 and 20 minute events don't show up correctly on workweek view

Could you please post a screenshot that shows the problem?

Sure, here goes. It places the H:00 event and the H:40 event on the left, and the H:20, meaning the hour and 20 minutes spot on the right and it takes upt both rows.

This is the script code I am using:

const calendar = new DayPilot.Calendar("dp", {
  viewType: "WorkWeek",
  StartDate: document.getElementById("WeekStart").value,
  headerDateFormat: "dddd dd MMMM",
  locale: "es-es",
  CellDuration: 20,
  CellHeight: 100,
  onEventClick(args) {
    window.location.href = `/Agenda/Details/${args.e.id()}`;
  },
});

Thanks.

This happens because the calendar uses event boxes by default. In the JavaScript version, you can turn it off using useEventBoxes: "Never".

BTW, it looks like some of your property names are incorrect. They all start with a lowercase letter, i.e. StartDate should be startDate.

Thanks, I will try as you suggest

I do appreciate you help very much. I owe you a beer or a plate of wings!

Much better. Just one thing I need to ask. When I use this, as in the last two images I added, it kind of alternates the begining of each appointment between left and right sides. It is much better than before, but I would prefer for them to line up. Is there anything that can be done?

This is my current script

const calendar = new DayPilot.Calendar("dp", {

viewType: "WorkWeek",

startDate: document.getElementById("WeekStart").value,

headerDateFormat: "dddd dd MMMM",

locale: "es-es",

cellDuration: 20,

cellHeight: 60,

useEventBoxes: "Never",

onEventClick: function(args) {

window.location.href = `/Agenda/Details/${args.e.id()}`;

}

});

calendar.init();

Thanks in advance.

One more look

Can you post a sample of the event data, please?

I confirm the problem, with useEventBoxes: "Never" it incorrectly evaluates the events as overlapping. It will be fixed shortly.

Thanks Dan. This is a sample of the dataset

[{"id":1006,"start":"2025-09-23T10:00:00","end":"2025-09-23T10:20:00","text":"Julio Cesar Rodriguez Trujillo","color":null,"backColor":null,"barColor":"#0000FF"},{"id":1007,"start":"2025-09-23T10:20:00","end":"2025-09-23T10:40:00","text":"Julio Cesar Rodriguez Trujillo","color":null,"backColor":null,"barColor":"#0000FF"}

Thanks to your suggestion, for now I have reduced the length of the appointments by one minute and it looks great now. Thanks.

Thanks for the update.

The problem should be fixed now in the latest sandbox build (2025.3.736).

Please let me know if the problem persists.

@kekec14: Your Scheduler question has been moved to Events incorrectly overlapping in Scheduler.