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. All views support resource grouping, allowing you to organize events by criteria such as meeting rooms, staff members, or any custom categorization.

View Types

Day, MultiDay, Week, and Work Week

Display events in detailed daily and weekly formats with hourly time slots and customizable work hours.

Multi-Week

Show multiple weeks simultaneously for broader scheduling overview and long-term planning.

Month

Present events in a traditional monthly calendar format with compact event display.

Timeline and Timeline Week

Visualize events in horizontal timeline format, ideal for resource scheduling and project management.

Agenda

List events chronologically in a clean, text-based format for easy reading and navigation.

Year

Display an entire year overview with monthly mini-calendars for high-level event visualization.

Custom View

Create specialized views tailored to specific business requirements using the SchedulerViewDirective.

View Configuration

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.

html

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

Change Theme

Theme

Loading ...

Shared View Features

All Scheduler views share common functionality including current time markers, ongoing event highlighting, work hours display, and calendar settings.

Configure these features globally at the component level or override them on individual views. For detailed configuration options and examples, see View Features.

Resource Grouping

Most Scheduler views support resource grouping, which allows you to organize events by criteria such as meeting rooms, staff members, equipment, or any custom categorization. Resources are displayed as separate visual lanes or columns, making it easy to see resource allocation and manage scheduling conflicts.

html
<kendo-scheduler [resources]="resources" [group]="group">
    <kendo-scheduler-day-view></kendo-scheduler-day-view>
    <kendo-scheduler-week-view></kendo-scheduler-week-view>
</kendo-scheduler>
ts
export class AppComponent {
    public resources: Resource[] = [
        {
            name: 'Rooms',
            field: 'roomId',
            valueField: 'value',
            textField: 'text',
            colorField: 'color',
            data: [
                { text: 'Conference Room A', value: 1, color: '#1e88e5' },
                { text: 'Conference Room B', value: 2, color: '#7b1fa2' }
            ]
        }
    ];

    public group: Group = {
        resources: ['Rooms'],
        orientation: 'vertical'
    };
}

Resource grouping works across the following view types:

Day/Week views display resources as columns or vertical lanes.
Month view shows resource allocation over longer periods.
Timeline views excel at displaying many resources simultaneously.
Agenda view lists events grouped by resource chronologically.

The Year view does not support resource grouping as it provides a high-level calendar overview rather than detailed event display.

For detailed configuration of shared view functionality (time markers, ongoing event highlighting, first day of week, work hours display), see View Features. For resource-specific configuration, examples, and best practices, see the Resources and Grouping article.

Setting the Selected View

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