Change headers time range

[Guilbaud William]

Hello,

I'm trying to display the schedule of different collaborator over a week. Here is what I currently have :

However I would like to remove the unnecessary white spaces at the beginning and the end of a day. Therefore, I would like to change the timescale in the header  to something like that :

Is it possible to do it using angular scheduler?

Regards,

William 

[Hareesh Balasubramanian]

Hi Guiibaud, 

Greetings from Syncfusion Support..! 

We have prepared a sample based on your shared image using timeScale, startHour and endHour properties of the Scheduler which can be viewed from the following link. 

https://stackblitz.com/edit/angular-timescale-sample?file=app.component.ts  

kindly refer to the below UG links, 

https://ej2.syncfusion.com/angular/documentation/schedule/timescale/#setting-different-time-slot-duration  

https://ej2.syncfusion.com/angular/documentation/schedule/getting-started/  

https://ej2.syncfusion.com/angular/documentation/api/schedule/  

Kindly try the above solutions and get back to us if you need any further assistance. 

Regards, 

Hareesh 

[Guilbaud William]

It's what I was looking for! 

Thank you for providing the solution and your quick reply

William

[Nevitha Ravi]

Hi Guilbaud, 

You are most welcome 😊. Please get back to us for further assistance, we are always happy to assist you. 

Regards, 

Nevitha