Unfortunately it wasn't the case.
I fixed all the spelling.
This is what I did:
Added the resourceTimeRanges to the features list as follow:
private featureInputs = [
'cellEdit', 'cellTooltip', 'columnLines', 'columnPicker', 'columnReorder', 'columnResize', 'contextMenu',
'dependencies', 'eventDrag', 'eventContextMenu', 'eventDragCreate', 'eventEdit',
'eventFilter', 'eventResize', 'eventTooltip', 'filter', 'filterBar', 'group', 'groupSummary', 'headerContextMenu', 'labels',
'nonWorkingTime', 'regionResize', 'search', 'scheduleTooltip', 'sort', 'stripe', 'summary', 'timeRanges', 'tree', 'scheduleContextMenu',
'resourceTimeRanges'
];
I added a variable to store the resourceTimeRanges as follow:
@Input() resourceTimeRanges: boolean | object[] = false;
I created a list of resourceTimeRanges see picture:
https://drive.google.com/file/d/1RQ39Oq ... sp=sharing
I added the resourceTimeRanges to my own component
<app-scheduler #scheduler class="scheduler" [rowHeight]=60 [minHeight]=100 [barMargin]="barMargin" [events]="events"
[resources]="resources" [timeRanges]="timeRanges" [startDate]="startDate" [endDate]="endDate" [columns]="columns"
eventColor="green" eventStyle="border" [scheduleContextMenu]="false" [eventRenderer]="eventRenderer"
[cellEdit]="false" [eventEdit]="false" [eventResize]="false" [eventDrag]="false" [contextMenu]="this.contextMenu"
[tree]="true" [eventDragCreate]="false" [viewPreset]="this.ViewPreset" [nonWorkingTime]="true"
[resourceTimeRanges]="this.resourceTimeRanges" (onSchedulerEvents)="onSchedulerEvents($event)">
</app-scheduler>