Schedule: Disable Timezone and UTC time offset

[Derrick Morin]

Hi,

I would like to disable the timezone fields as well as the UTC offset that is applied to the Start and End dates before they are saved to the DataSource.   In other words, I would like the date/time values entered in the Editor popup to be the values sent to the DataSource's CRUD Url.  Can this be done with the Schedule Control for Angular?

thanks,

Derrick

[Hareesh Balasubramanian]

Hi Derrick, 

Greetings from Syncfusion Support..! 

We have validated your shared query “I would like to disable the timezone fields as well as the UTC offset that is applied to the Start and End dates before they are saved to the DataSource” at our end. And we suspect that your requirement is to disable the timezone filed in the editor window and if we disabled those fields then the user can’t able to change the time zone for the event while creating/editing it. And for the same, we have prepared a sample using CSS Property and it can be viewed from the following link. 

Sample: https://stackblitz.com/edit/angular-uumksh-beajjo?file=app.component.html 

Code snippet: 

.e-time-zone-container { 

  display: none; 

} 

And for further reference, we may use our own customized editor window too using the editorTemplate Scheduler’s property. And for that, kindly refer the below UG link, 

https://ej2.syncfusion.com/angular/documentation/schedule/editor-template/#customizing-event-editor-using-template 

https://ej2.syncfusion.com/angular/demos/#/material/schedule/editor-template 

Kindly try the above solution and if we misunderstand your requirement, kindly let us know more details about the use case scenario/video demo/image of your requirements for the better serve. 

Regards, 

Hareesh 

[Derrick Morin]

thanks.  Actually I want timezone disabled, not just hidden with CSS.  In your proposed solution the date/time sent back to the server is not the same date/time that the user entered in the editor so your proposed solution isn't really disabling the timezone it is hiding the fields.  correct?  How do I eliminate timezone from all dates?

thanks

Derrick

[Hareesh Balasubramanian]

Hi Derrick, 

Thanks for the update. 

We have validated your shared query “Actually I want timezone disabled, not just hidden with CSS” at our end. And we suspect that your requirement is to remove those (StartTimezone and EndTimezone fields) from both the server and client. And for that, we have prepared a CRUD sample using editorTemplate property and in that we can able to render our own customized fields and the sample can be downloaded from the following link. 

Service: https://www.syncfusion.com/downloads/support/forum/156983/ze/service1314473679  

Sample: https://stackblitz.com/edit/angular-rtxzcy?file=app.component.ts 

And for your reference, we have taken the screenshot of the event collection in the server end, 

 

And for further reference, kindly refer the below UG links, 

Timezone: https://ej2.syncfusion.com/angular/documentation/schedule/timezone/ 

CRUD actions: https://ej2.syncfusion.com/angular/documentation/schedule/data-binding/#scheduler-crud-actions 

Editor Window customization using a template: https://ej2.syncfusion.com/angular/documentation/schedule/editor-template/#customizing-event-editor-using-template 

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

Regards, 

Hareesh