React Scheduler - Time Zone Support

The Scheduler displays appointments according to the client machine's time zone. If you want to override client settings, use the timeZone property.

You can specify different time zones for an individual appointment. To do this, use the startDateTimeZone and endDateTimeZone properties in the appointment's data object. When the Scheduler positions appointments in the timetable, it sums up the offsets of individual time zones and the Scheduler's time zone. Users can view and edit individual time zones in the appointment details form if you enable the editing.allowTimeZoneEditing property.

The timeZone, startDateTimeZone, and endDateTimeZone properties accept values from the IANA time zone database. Daylight saving time is taken into account.

IMPORTANT
When setting an appointment's date and time, we recommend that you use ISO 8601 strings instead of JS Date objects. Date objects set time in the client machine's time zone. ISO 8601 strings are independent of time zones because they represent the date and time in Coordinated Universal Time (UTC).

View Demo