Hi Dan, thanks for the reply
Custom timeline may be the way to go , assuming it can be updated continuously,
Following the example in your URL , setting scale to "Manual" and creating a custom timeline like this ( calling it from ngAfterViewInit).
setTimeline() {
this.scheduler.control.timeline = [];
var startDate: DayPilot.Date = new DayPilot.Date(this.scheduler.control.startDate);
for (var i = 0; i < 24; i++) {
startDate = new DayPilot.Date(this.scheduler.control.startDate).addHours(i);
for (var j = 0; j < 6; j++) {
var cell = { 'start': null, 'end' : null};
cell.start = startDate.addMinutes(j * 10);
cell.end = cell.start.addMinutes(10);
this.scheduler.control.timeline.push(cell);
}
}
this.scheduler.control.init();
}
This results in a blank (empty) header , it also trows an exception
ERROR TypeError: Cannot read property 'length' of null
at DayPilot.Scheduler.Mg (webpack-internal:///./node_modules/daypilot-pro-angular/daypilot-angular.min.js:24)
at DayPilot.Scheduler.fc (webpack-internal:///./node_modules/daypilot-pro-angular/daypilot-angular.min.js:24)
at DayPilot.Scheduler.Bn (webpack-internal:///./node_modules/daypilot-pro-angular/daypilot-angular.min.js:32)
at DayPilot.Scheduler.init (webpack-internal:///./node_modules/daypilot-pro-angular/daypilot-angular.min.js:32)
at t.ngAfterViewInit (webpack-internal:///./node_modules/daypilot-pro-angular/daypilot-angular.min.js:33)
at callProviderLifecycles (webpack-internal:///./node_modules/@angular/core/esm5/core.js:12964)
at callElementProvidersLifecycles (webpack-internal:///./node_modules/@angular/core/esm5/core.js:12931)
at callLifecycleHooksChildrenFirst (webpack-internal:///./node_modules/@angular/core/esm5/core.js:12914)
at checkAndUpdateView (webpack-internal:///./node_modules/@angular/core/esm5/core.js:14069)
at callViewAction (webpack-internal:///./node_modules/@angular/core/esm5/core.js:14411)
What am I missing ?, I am using version 2019.4.4089.