Skip to content

Commit a066e84

Browse files
Scheduler: Update Time Zone Support demo desc. (#30916)
1 parent c12a56e commit a066e84

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed
Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
The Scheduler allows its users to view appointments in different time zones. Set the [timeZone](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#timeZone) property to specify the current time zone. This property accepts values from the <a href="https://en.wikipedia.org/wiki/List_of_tz_database_time_zones" target="_blank">IANA time zone database</a>.
2-
3-
In this demo, you can use the drop-down menu above the Scheduler to choose between the London, Berlin, and Helsinki time zones. To populate the menu, the [getTimeZones](/Documentation/ApiReference/Common/Utils/utils/#getTimeZonesdate) utility method is used. It returns a list of all IANA time zones that is then filtered.
1+
Our DevExtreme Scheduler allows you to specify time zones for the component and its appointments. In this demo, you can change the component time zone using the [SelectBox](/Documentation/Guide/UI_Components/SelectBox/Overview/) above the Scheduler. A [getTimeZones()](/Documentation/ApiReference/Common/Utils/utils/#getTimeZonesdate_timeZones) method call populates the SelectBox with values.
42
<!--split-->
53

6-
Users can edit the time zones of individual appointments in the appointment details form. To enable this functionality, set the **editing**.[allowTimeZoneEditing](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/editing/#allowTimeZoneEditing) property to **true**. Information about individual time zones is saved in the [startDateTimeZone](/Documentation/ApiReference/UI_Components/dxScheduler/Interfaces/dxSchedulerAppointment/#startDateTimeZone) and [endDateTimeZone](/Documentation/ApiReference/UI_Components/dxScheduler/Interfaces/dxSchedulerAppointment/#endDateTimeZone) fields of the appointment data objects.
4+
To define the time zone on the component level, assign an <a href="https://en.wikipedia.org/wiki/List_of_tz_database_time_zones" target="_blank">IANA time zone</a> value to the [timeZone](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#timeZone) property.
5+
6+
To change time zones for appointments, enable the **editing**.[allowTimeZoneEditing](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/editing/#allowTimeZoneEditing) option. Our Scheduler supports different time zones for appointment start and end dates ([startDateTimeZone](/Documentation/ApiReference/UI_Components/dxScheduler/Interfaces/dxSchedulerAppointment/#startDateTimeZone) and [endDateTimeZone](/Documentation/ApiReference/UI_Components/dxScheduler/Interfaces/dxSchedulerAppointment/#endDateTimeZone) appointment properties).

0 commit comments

Comments
 (0)