Set custom timezone for DatePicker/TimePicker

Hello, Andrew,

We provide the option to set your own date value by handling the component in controlled mode. This is done using the onChange event and value prop:

• https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/controlled-state/

As we pass Javascript dates, you can refer to the following StackOverFlow article or a similar one for initializing the date based on the timezone:

• https://stackoverflow.com/questions/15141762/how-to-initialize-a-javascript-date-to-a-particular-time-zone

We have an example for the DateTimePicker where the UTC date value is displayed by directly converting the time using the setHours method based on the difference between GMT and UTC. You use this approach based on the timezone you are receiving from the backend:

• https://stackblitz.com/edit/react-x3pgvc-hixrek?file=app%2Fmain.jsx

On the other hand, we have a feature request for adding a timezone prop for the DateTimePicker component. I changed the FR to have it for all components in the dateinputs package, and added a vote on your behalf in order to increase its priority:

• https://feedback.telerik.com/kendo-react-ui/1623122-implement-a-timezone-property-that-lets-users-select-the-timezone-for-datetimepicker-component

If you have any further questions on this matter, please let me know.

Regards,
Wissam
Progress Telerik