evaluation daypilot

http://javascript.daypilot.org/ https://doc.daypilot.org/scheduler/

HTML

<script src="http://javascript.daypilot.org/sandbox/js/daypilot-all.min.js?v=932"></script>
<div id="dp" />

JavaScript

$(function() {
  var dps = new DayPilot.Scheduler("dp");
		dps.cellDuration = 720;
    dps.separators = [{ color: "red", location: new DayPilot.Date(), layer: "AboveEvents" }];
    dps.useEventBoxes = "Always";
    dps.cellWidthSpec = "Auto";
    dps.cellWidth = 120;
    dps.startDate = new DayPilot.Date()["firstDayOfWeek"]("sv-se");
    dps.days = 21;
    dps.timeHeaders = [{ groupBy: "Year"  }, { groupBy: "Month"  }, { groupBy: "Week"  }, { groupBy: "Day" , format: "d" }];
    dps.scale = "Manual";
    dps.heightSpec = "Parent100Pct"
    dps.dynamicEventRenderingCacheSweeping = true;
    dps.dynamicLoading = true;
    dps.locale = "sv-se";
    dps.scrollDelayDynamic = 250;
    dps.groupConcurrentEvents = false;
    dps.resources = [{name:"test a", id:"1"}]

    var timeline = [];
    for (let i = 0; i < parseInt(dps.days); i++) {
      timeline.push({
        start: new DayPilot.Date().addDays(-1 * parseInt(dps.days) / 2).addDays(i),
        end: new DayPilot.Date().addDays(-1 * parseInt(dps.days) / 2).addDays(i + 1)
      })
    }
    dps.timeline = timeline;
  dps.init();
})