React Scheduler - Overview

DevExtreme Scheduler is a UI scheduling component used to implement flexible data binding, easy appointment editing, multiple calendar views, time zone support, and more.

In this overview, you can find a map of Scheduler elements, information about key features, and what to explore next.

Below is a map of elements. Click on an element to navigate to a topic related to that element.

• Event creation and management
  DevExtreme Scheduler supports the following operations with appointments:

  • Add
  • Update
  • Delete
  • Drag-and-drop (to reschedule)
  • Resize (to change appointment duration)

• Recurring appointments
  Scheduler allows you to create appointments that repeat at a specified interval.

• Variety of views
  This Scheduler component includes multiple view types:

  • Day
  • Week and work week
  • Month
  • Timeline (day, work week, week, month)
  • Agenda

• Customization
  You can customize a variety of Scheduler elements:

  • Appointment
  • Appointment tooltip
  • Appointment details form
  • View
  • Resource headers
  • Cell overflow indicator

• Time Zone Support
  Specify a different time zone for the entire Scheduler or individual appointments.

• Lazy loading
  If Scheduler performance suffers due to a high number of appointments, you can lazy load data.

• Disable Date/Time Ranges
  Disable certain days, dates, and times to prevent scheduling conflicts.

• Virtual Scrolling
  Enabling virtual scrolling in Scheduler speeds up load times by displaying only visible appointments. Ideal for large datasets.

• Work Shifts
  Set up multiple work shifts in Scheduler using the offset property to define when the day begins. Combine with startDayHour, endDayHour, and cellDuration for preferred display outcomes.

• Getting Started with Scheduler

• API

• Demos