Scheduler

• Jun 16, 2026
• 3 minutes to read

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

Run Demo: Scheduler Read Tutorial

Getting Started

The Scheduler UI Control is based on the DevExtreme Scheduler component.

The following help topics explain how to add this control to your project:

• Add DevExtreme to a Visual Studio Project or Configure a non Visual Studio Project
• Add Controls to a Project
• Razor Syntax

Basic Syntax

SchedulerBasics.cshtml

@using ASP.NET_Core.Models.Scheduler
@model IEnumerable<Appointment>

@(Html.DevExtreme().Scheduler()
    .DataSource(Model)
    .StartDateExpr("StartDate")
    .EndDateExpr("EndDate")
    .TextExpr("Text")
    .CurrentDate(new DateTime(2026, 7, 25))
)

SchedulerController.cs

using System;
using System.Collections.Generic;
using Microsoft.AspNetCore.Mvc;
using ASP.NET_Core.Models.Scheduler;

namespace ASP_NET_Core.Controllers {
    public class SchedulerController : Controller {
        public IActionResult GettingStarted() {
            var model = new List<Appointment>() {
                new Appointment {
                    StartDate = new DateTime(2026, 07, 25, 15, 00, 00),
                    EndDate = new DateTime(2026, 07, 25, 16, 00, 00),
                    Text = "Appointment One",
                },
                new Appointment {
                    StartDate = new DateTime(2026, 07, 25, 17, 00, 00),
                    EndDate = new DateTime(2026, 07, 25, 18, 00, 00),
                    Text = "Appointment Two",
                }
            };
            return View(model);
        }
    }
}

SchedulerModels.cs

using System;

namespace ASP.NET_Core.Models.Scheduler {
    public class Appointment {
        public DateTime StartDate { get; set; }
        public DateTime EndDate { get; set; }
        public string Text { get; set; }
    }
}

Built-in Capabilities and Configuration Guides

• 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)

• Types of appointments
  Scheduler allows you to create the following appointment types:

  • One-time
  • All-day
  • Recurring

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

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

• Resources
  Scheduler allows you to assign appointments to a set of predefined resources. Multiple resources may be available. You can also group appointments by resources.

• Customization
  You can customize a variety of Scheduler elements:

  • Appointment
  • Appointment tooltip
  • Appointment edit form
  • View
  • Resource headers
  • Cell overflow indicator
  • Timetable
  • etc.

• 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.

API

Server-Side API

Initialization

Call the Scheduler() method to create a Scheduler control. This action initializes a SchedulerBuilder<T> instance. Use the instance methods to specify Scheduler options and event handlers.

Options

For a complete option list, see SchedulerBuilder<T> Members. For details on how to specify control options, refer to the following help topic: Specify Options.

Events

For available events, see Events. For details on how to handle events, refer to the following help topic: Handle Events and Define Callbacks.

Client-Side API

Options

If you need to specify the Scheduler options dynamically on the client side, use client-side API. For a complete option list, see DevExtreme Scheduler options.

Methods

For a list of available methods, see DevExtreme Scheduler methods. For details on how to call methods, refer to the following help topic: Call Methods.

Accessibility

For more information on Scheduler accessibility compliance, refer to the following help topic: Accessibility.

Demos

Run Demo: Scheduler