New to Kendo UI for Angular? Start a free 30-day trial

Views Basics

You can configure the Scheduler to display events in different views.

View Types

Currently, the Scheduler supports the following built-in views:

Getting Started

To select from the available view types and set their configuration options, place the views as child Scheduler components.

The order of views in the toolbar is determined by the order of the child view components.

<kendo-scheduler>
    <kendo-scheduler-day-view startTime="07:00">
    </kendo-scheduler-day-view>

    <kendo-scheduler-week-view>
    </kendo-scheduler-week-view>
</kendo-scheduler>

The following example demonstrates the Day and Week Scheduler views.

Example
View Source
Change Theme:

Setting the Selected View

To control the currently selected view, use the selectedViewIndex attribute.

Example
View Source
Change Theme:

Highlight Ongoing Events

By default, the Scheduler highlights events that are currently ongoing. This behavior can be disabled or customized through the highlightOngoingEvents input.

If settings are passed to the Scheduler component, they are applied to all of its views. However, if highlightOngoingEvents settings are passed to a given view individually (for example, Day view), that takes precedence.

Example
View Source
Change Theme: