Hide non-working hours

[Terry Lease]

Is it possible to not render non-working times?  

[Ashokkumar Karuppasamy]

Hi Terry Lease,

To achieve your requirement, use the startHour and endHour properties in the schedule to render only the work hours in the cells. The attached code snippet, sample, and demonstration are provided below. Additionally, the UG is attached below for your reference. Please try the solution and let us know if you need any further assistance.

UG: https://ej2.syncfusion.com/documentation/schedule/working-days#scheduler-displaying-custom-hours

Sample: https://stackblitz.com/edit/3iqzj7yy-soabb4qx?file=index.ts

    let scheduleObj: Schedule = new Schedule({

        height: '650px',

        selectedDate: new Date(2021, 0, 10),

        currentView: 'TimelineWeek',

        startHour: '08:00',

        endHour:'15:00',

        workDays: [0, 1, 2, 3, 4, 5],

        views: [

            { option: 'TimelineDay' },

            { option: 'TimelineWeek' },

            { option: 'TimelineWorkWeek' },

            { option: 'TimelineMonth' },

            { option: 'Agenda' }

        ],

        eventSettings: {

            dataSource: <Object[]>extend([], (dataSource as any).scheduleData.concat((dataSource as any).timelineData), null, true)

        }

    });

    scheduleObj.appendTo('#Schedule');

 

Regards,
Ashok

[Terry Lease]

Thank you!  I had the work hours defined but not start and end hours.  That worked great!

[Ashokkumar Karuppasamy]

Hi Terry Lease,

We are glad to know that your issues have been resolved. Please get back to us if you need any further assistance.

Regards,
Ashok