I'm using fullcalendar 6. I noticed that consecutive events don't always take up the total width of the days column.
Below is my issue:
I noticed that this offset is only visible if the start and end date of the event is not equal to the duration slot (weekly Team2 event).
JS code
document.addEventListener("DOMContentLoaded", function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var calendarEl = document.getElementById("calendar");
var calendar = new FullCalendar.Calendar(calendarEl, {
nowIndicator: true,
eventOverlap:false,
headerToolbar: {
left: "prev,next today",
center: "title",
right: "dayGridMonth,timeGridWeek,timeGridDay,listMonth"
},
initialDate: new Date(y, m, 2),
initialView: "timeGridWeek",
events: [
{
title: "Daily Team 1",
start: new Date(y, m, 2, 7, 00),
end: new Date(y, m, 2, 7, 20),
allDay: false
},
{
title: "Weekly Team 2",
start: new Date(y, m, 2, 7, 20),
end: new Date(y, m, 2, 8, 20),
allDay: false
},
{
title: "Sprint review Team 3",
start: new Date(y, m, 2, 8, 20),
end: new Date(y, m, 2, 9, 40),
allDay: false
},
{
title: "Daily Team 2",
start: new Date(y, m, 3, 7, 00),
end: new Date(y, m, 3, 7, 30),
allDay: false
},
{
title: "Daily Team 3",
start: new Date(y, m, 3, 7, 30),
end: new Date(y, m, 3, 8, 0),
allDay: false
},
{
title: "Weekly Team 1",
start: new Date(y, m, 3, 8, 0),
end: new Date(y, m, 3, 9, 30),
allDay: false
},
]
});
calendar.render();
});