Custom timeline not cut off correctly

To describe it better, hopefully, setting the cell width to 2 hours, it looks like it is able to set the last header end time at midnight, because the cell with doesn’t stretch it.

It looks like the cell width of the last column can not be smaller than the other cells.

Something like this would be ideal. This also reflects the times in the custom timeline array.

In the manual timeline mode, the Scheduler always uses the default cell width unless you specify it explicitly. The start and end of the last shift are correct (2 hours), but it is displayed at full width (40 pixels by default).

You need to modify your logic to apply a custom width for the last cell.

Something like this:

function createTimeline() {
    const timeline = [];
    const start = new DayPilot.Date("2025-03-01");

    const shiftDuration = 8; // Shift duration in hours
    const firstShiftStart = 6; // First shift starts at 6 AM
    const shiftsPerDay = 3; // Number of shifts per day

    const standardCellWidth = 40; // dp.cellWidth

    const daysInMonth = start.daysInMonth();

    for (let i = 0; i < daysInMonth; i++) {
        const currentDay = start.addDays(i);
        const isLastDay = i === daysInMonth - 1;
        for (let j = 0; j < shiftsPerDay; j++) {
            const isLastCell = isLastDay && j === shiftsPerDay - 1;
            const hour = {};
            hour.start = currentDay.addHours(firstShiftStart + j * shiftDuration);

            hour.end = hour.start.addHours(shiftDuration);
            hour.width = standardCellWidth;

            // Adjust for the last cell on the last day
            if (isLastCell) {
                const monthEnd = start.addMonths(1).getDatePart(); // Start of next month
                if (hour.end > monthEnd) {
                    hour.end = monthEnd;
                }
                // Recalculate duration and width
                const durationMs = hour.end.getTime() - hour.start.getTime();
                const durationHours = durationMs / (1000 * 60 * 60);

                hour.width = (durationHours / shiftDuration) * standardCellWidth;
            }

            timeline.push(hour);
        }
    }
    return timeline;
}

It’s working wonderfully. Thank you again for your great support.