Yes, this is possible.
You can use the same technique that is used in the yearly calendar tutorial (which displays months as columns) - define rows with custom start, one per month:
<div id="dp"></div>
<script>
const dp = new DayPilot.Scheduler("dp", {
days: 31,
scale: "Day",
cellWidthSpec: "Auto",
timeHeaders: [
{groupBy: "Day", format: "d"}
],
heightSpec: "Full",
});
dp.init();
const app = {
loadData() {
const resources = [];
const startDate = DayPilot.Date.today().firstDayOfYear();
for (let i = 0; i < 12; i++) {
const start = startDate.addMonths(i);
resources.push({
name: start.toString("MMMM yyyy"),
start: start
});
}
dp.update({resources, startDate});
},
};
app.loadData();
</script>
You will need the latest build (2024.2.5924 or higher) for this use case.