Hi,
As you're using schedulerpro, for non-working time you'd need to use calendars
Please check this calendars guide https://www.bryntum.com/products/schedulerpro/docs/guide/SchedulerPro/basics/calendars
Replacing the scheduler config in your test case with the config below should make the non working time hilighted
const schedulerConfig = {
features:{
stripe: true,
dependencies: false,
// nonWorkingTime: true,
},
columns: [
{ text: 'Name', field: 'name', width: 130 },
],
project : {
calendar : 'weekends'
},
calendars : [
{
id : "weekends",
name : "Weekends",
intervals : [
{
recurrentStartDate : "on Sat at 0:00",
recurrentEndDate : "on Mon at 0:00",
isWorking : false
}
]
}
],
eventStore: {
autoLoad: true,
autoCommit: true,
readUrl: 'http://localhost:3030/event',
createUrl: 'http://localhost:3030/event',
updateUrl: 'http://localhost:3030/event',
deleteUrl: 'http://localhost:3030/event',
useRestfulMethods: true
},
resources: [
{ id: 'r1', name: 'Mike' },
{ id: 'r2', name: 'Linda' },
{ id: 'r3', name: 'Arnold' },
{ id: 'r4', name: 'Angelo' },
{ id: 'r5', name: 'Celia' },
{ id: 'r6', name: 'Kate' },
{ id: 'r7', name: 'Linda' },
{ id: 'r8', name: 'Mark' },
{ id: 'r9', name: 'Rob' },
{ id: 'r10', name: 'Maxim' }
],
} as Partial<SchedulerConfig>;
Best of luck ,
Tasnim