---
title: Overview
position: 1
seo_title: Overview of the Scheduler Component
seo_description: Learn about the basic features of the Telerik and Kendo UI
  Scheduler component and its view types.
---
## Scheduler Overview

A Scheduler component is a versatile user interface tool designed for managing and organizing events and appointments across different views such as daily, weekly, monthly, or agenda formats. It enables users to add, edit, and delete events with ease, featuring drag-and-drop functionality for intuitive interaction. This tool is essential in applications requiring detailed calendar management, like event planning or booking systems. It can be customized to fit specific needs and integrate with other systems for enhanced functionality.

### Live Demo

<LiveDemo data='{"links":[{"text":"Angular","url":"https://www.telerik.com/kendo-angular-ui/components/scheduler/"},{"text":"Blazor","url":"https://demos.telerik.com/blazor-ui/scheduler/overview"},{"text":"jQuery","url":"https://demos.telerik.com/kendo-ui/scheduler/index"},{"text":"React","url":"https://www.telerik.com/kendo-react-ui/components/scheduler/"},{"text":"Vue","url":"https://www.telerik.com/kendo-vue-ui/components/scheduler/"},{"text":"ASP.NET Core","url":"https://demos.telerik.com/aspnet-core/scheduler"},{"text":"ASP.NET MVC","url":"https://demos.telerik.com/aspnet-mvc/scheduler"}],"demo":"components/scheduler/overview"}'></LiveDemo>

### Anatomy

The anatomy of the Scheduler summarizes the elements of the component. The Telerik and Kendo UI Scheduler views have the following building parts: 

<BlueprintImage data='{"description":"","labels":[{"text":"Toolbar"},{"text":"Navigation button group"},{"text":"Calendar button"},{"text":"Change view button group"},{"text":"Header column"},{"text":"Header row"},{"text":"Events"},{"text":"Filtering button"},{"text":"Footer toolbar"}]}'>![A Telerik and Kendo UI Scheduler component anatomy](images/components-scheduler-overview-anatomy.png "Anatomy and elements of a Telerik and Kendo UI Scheduler component")</BlueprintImage>

### Views

The Scheduler offers five built-in views tailored to various planning needs and goals, enabling users to simultaneously access all necessary options via a ButtonGroup or a DropDown. This flexibility ensures users can customize their experience to best suit their scheduling requirements.

#### Day View

The Day View provides a high-level day overview and makes one's availability and tasks instantly visible. It easily coordinates the booking of shared resources by using the grouping feature and is highly customizable as it allows choosing a start/end time, setting different slot durations, and adjusting the number of the displayed days. 

<BlueprintImage data='{"description":"","labels":[]}'>![A Telerik and Kendo UI Scheduler component day view](images/components-scheduler-overview-day-view.png "Day view of a Telerik and Kendo UI Scheduler component")</BlueprintImage>

#### Week View

The Week View provides a compact overview of a couple of days and helps the user instantly identify the busiest and most free days of the week. 

<BlueprintImage data='{"description":"","labels":[]}'>![A Telerik and Kendo UI Scheduler component week view](images/components-scheduler-overview-week-view.png "Week view of a Telerik and Kendo UI Scheduler component")</BlueprintImage>

The Week View can be customized in a way that fits the user needs by setting a start/end weekday or adjusting the number of the displayed days (e.g., displaying working days only). 

<BlueprintImage data='{"description":"","labels":[]}'>![A Telerik and Kendo UI Scheduler component workweek view with Monday as the start day of the week](images/components-scheduler-overview-workweek-view.png "Workweek view for a week starting on Monday of a Telerik and Kendo UI Scheduler component")</BlueprintImage>

#### Month View

The Month View displays several weeks at once which allows the user to get a glimpse of the upcoming month. This view provides grouping based on resources.  

<BlueprintImage data='{"description":"","labels":[]}'>![A Telerik and Kendo UI Scheduler component month view](images/components-scheduler-overview-month-view.png "Month view of a Telerik and Kendo UI Scheduler component")</BlueprintImage>

#### Agenda View

The Agenda View displays as much information as possible and takes up the smallest amount of space. It is especially useful for short-term planning and allows changing the background color of the events which creates instant visual distinction.  

<BlueprintImage data='{"description":"","labels":[]}'>![A Telerik and Kendo UI Scheduler component agenda view](images/components-scheduler-overview-agenda-view.png "Agenda view of a Telerik and Kendo UI Scheduler component")</BlueprintImage>

#### Timeline View

The Timeline View is the most compact Scheduler view that provides a side-scrolling hour-by-hour look for a single or multiple days. It is often used for assessing deadlines, tracking ongoing events, and avoiding potential overlaps and conflicts.   

<BlueprintImage data='{"description":"","labels":[]}'>![A Telerik and Kendo UI Scheduler component Timeline view](images/components-scheduler-overview-timeline-view.png "Timeline view of a Telerik and Kendo UI Scheduler component")</BlueprintImage>

### Framework-Specific Documentation

For specific information about the component, refer to its official product documentation:

<Wrap>
<ExternalResource data='{"title":"Kendo UI for Angular Scheduler","description":"Find more information about the Kendo UI for Angular Scheduler in the official product documentation of the component.","url":"https://www.telerik.com/kendo-angular-ui/components/scheduler/"}'>![Kendo UI for Angular logo.](/images/angular-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for Blazor Scheduler","description":"Find more information about the Telerik UI for Blazor Scheduler in the official product documentation of the component.","url":"https://docs.telerik.com/blazor-ui/components/scheduler/overview"}'>![Telerik UI for Blazor logo.](/images/blazor-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Kendo UI for jQuery Scheduler","description":"Find more information about the Kendo UI for jQuery Scheduler in the official product documentation of the component.","url":"https://docs.telerik.com/kendo-ui/controls/scheduler/overview"}'>![Kendo UI for jQuery logo.](/images/jquery-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"KendoReact Scheduler","description":"Find more information about the KendoReact Scheduler in the official product documentation of the component.","url":"https://www.telerik.com/kendo-react-ui/components/scheduler/"}'>![Kendo UI for React logo.](/images/react-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Kendo UI for Vue Scheduler","description":"Find more information about the Kendo UI for Vue Scheduler in the official product documentation of the component.","url":"https://www.telerik.com/kendo-vue-ui/components/scheduler/"}'>![Kendo UI for Vue logo.](/images/vue-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET Core Scheduler","description":"Find more information about the Telerik UI for ASP.NET Core Scheduler component.","url":"https://docs.telerik.com/aspnet-core/html-helpers/scheduling/scheduler/overview"}'>![Telerik UI for ASP.NET Core logo.](/images/core-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET MVC Scheduler","description":"Find more information about the Telerik UI for ASP.NET MVC Scheduler component.","url":"https://docs.telerik.com/aspnet-mvc/html-helpers/scheduling/scheduler/overview"}'>![Telerik UI for ASP.NET MVC logo.](/images/mvc-logo.svg)</ExternalResource>
</Wrap>