Fullcalendar 6 :Consecutive events don't always take up the total width of the day column

62 Views Asked by At

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: enter image description here 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();
});
0

There are 0 best solutions below