Scheduler

Scheduler component manages events and tasks across multiple views, providing customizable features for enhanced planning

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, and can be customized to fit specific needs and integrate with other systems for enhanced functionality.

Live Demo

Modifiers
Variant

Anatomy

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

  1. Toolbar
  2. Navigation ButtonGroup
  3. Calendar Button
  4. Header column
  5. Header row
  6. Events
  7. Filtering Button
  8. Footer Toolbar

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.

Week View

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

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

Month View

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

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.

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

Framework-Specific Documentation

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