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

Week View

Updated on Nov 11, 2026

The Week and WorkWeek views display events in a familiar calendar layout with a pre-defined number of days and navigation step.

Timed events that cross midnight appear above the time grid without becoming all-day events.

The Week and WorkWeek views are rendering a DayView component with a pre-configured date range, step and numberOfDays properties.

Getting Started

The Week and WorkWeek views provide the following common settings:

  • workWeekStart—The first day of the working week.
  • workWeekEnd—The last day of the working week.

These settings define the visible date range in WorkWeek view.

The following example demonstrates how to set common properties of the Week view of the Scheduler. For the full list of configuration options, refer to the API reference of the WeekView properties.

Example
View Source
Loading ...

Grouping by Resource

You can configure the Week and WorkWeek views to display events that are grouped by a resource. The grouping can be horizontal and vertical.

The below example shows how to configure the Week and WorkWeek views grouped resources in a horizontal orientation.

Example
View Source
Loading ...

The below example shows how to configure the Week and WorkWeek views grouped resources in a vertical orientation.

Example
View Source
Loading ...
In this article
Getting StartedGrouping by ResourceSuggested Links
Not finding the help you need?
Contact Support