The paddingDays property (number) adds the specified number of days to the start and end of the automatically-generated timeline.
Available since 2026.1.6886.
DayPilot.Gantt.paddingDays0JavaScript
const gantt = new DayPilot.Gantt("dp", {
paddingDays: 4,
// ...
});
gantt.init();Angular
<daypilot-gantt [config]="config"></daypilot-gantt>config: DayPilot.GanttConfig = {
paddingDays: 4,
// ...
};React
<DayPilotGantt
paddingDays={4}
{/* ... */}
/>Vue
<DayPilotGantt
:paddingDays="4"
<!-- ... -->
/>