• Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Mode Selection
Theme Selection
*Translated by Google Translator.
Essential Studio
All Controls

Example of Timezone in ASP.NET Core Scheduler Control

This demo visualizes the 2021 FIFA football match scheduler which is depicted as events here. The timings of each event are associated with the timezone of the match location where it will be held. When the Scheduler time zone changes, the events in it displays according to the selected timezone's offset time difference.

Source: www.fifa.com

In this demo, the timezone of Scheduler is set to UTC and each events on it holds different startTimezone and endTimezone values, therefore the event timings will be converted based on timezone assigned to Scheduler and will be displayed appropriately in UTC timings.

When the user selects different timezone value listed out in a dropdown on properties panel, Scheduler will display the events accordingly to the selected timezone value as the selected timezone will be assigned to Scheduler timezone property.