• Material 3
  • Material 3 Dark
  • 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 Different Work Days in ASP.NET Core Scheduler Control

This demo showcases the different available dates of doctors and their appointments on those days.


In this demo, different working days are assigned by passing the workDays collection for each doctor to show their available dates. On each of their available dates, their daily available time range is also depicted by mentioning the startHour and endHour for each doctor. These values needs to be provided along with the resource dataSource by mapping the appropriate fields namely workDaysField, startHourField and endHourField.

Here, we have customized the background cell color of the available times of each doctor using renderCell event to denote that, only those timeslots are available for booking appointments. All other cells are simply read-only and no appointments can be booked on it. Also, if the applicable timeslot already contains an appointment, then no more appointments can be added to that cell which has been prevented by making use of the isSlotAvailable function within the actionBegin event checking for eventCreate request type. The resource header is customized by making use of the resourceHeaderTemplate option.

Transform your ASP.NET Core web apps today with Syncfusion ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing