# Week View

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](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/views#multi-day-timed-events) 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`](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/api/weekviewprops) properties.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/scheduler/views/week/configuration/source.txt)

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

[Demo Source](https://demos.telerik.com/kendo-vue-ui/scheduler/views/week/grouping/source.txt)

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

[Demo Source](https://demos.telerik.com/kendo-vue-ui/scheduler/views/week/grouping-vertical/source.txt)



## Suggested Links

* [API Reference of the WeekView](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/api/weekviewprops)
* [API Reference of the WorkWeekView](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/api/workweekviewprops)