Progress® Kendo UI® for Angular Feedback Portal
Back to Feed
Request a Feature Report a Bug
Unplanned
Last Updated: 14 Jul 2023 06:25 by ADMIN
Svitlana
Created on: 07 Jul 2023 12:11
Category: Kendo UI for Angular
Type: Feature Request
5
Add fixed timezone support to DateTimePicker

Hi,

We have a requirement to implement a timezone change in our web application, so when user selects a timezone from combobox all date data should be displayed in selected timezone and datetimepickers should work in this timezone.

Kendo DateTimePicker works with js Date object and it is not possible to set any other timezone than local.

There are some workarounds of how to display datetime in different timezone, but it is not possible to select one in different timezone other than local. And Today and Now buttons also selects date in local timezone.

https://stackblitz.com/edit/angular-dtbxbe-ye1rbw?file=src%2Fapp%2Fapp.component.ts

1 comment
ADMIN
Svet
Posted on: 14 Jul 2023 06:25

Hi Svitlana,

I can confirm that when changing the value of the DateTime picker it will apply the current time zone of the machine. That is something that is by the design of the component and according to the generic behavior of the JavaScript Date object as you have described.

We will still track the demand for this feature request and eventually add it to our future development plans.

What could be done at the moment is once a value is selected, on (valueChange) event, to modify manually the value to a different time zone. For this purpose, you can use the DateMath API:

https://www.telerik.com/kendo-angular-ui/components/date-math/timezones/#toc-timezone-calculations

Regards,
Svet
Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.
Create an account Log In
View
Type
Status
Category