# Day View

The **Day** view displays events in a familiar calendar layout.

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

## Getting Started

The **Day** view provides the following common settings:

* `startTime`—The first visible hour of the day.
* `endTime`—The last visible hour of the day.
* `showWorkHours`—Determines whether to show only working hours or the interval that is defined by the `startTime` and `endTime` options.

The following example demonstrates how to set common properties of the **Day** view of the Scheduler. For the full list of configuration options, refer to the API reference of the [`DayView`](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/api/dayviewprops) properties.

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

## Grouping by Resource

You can configure the **Day** view to display events that are grouped by a resource. The grouping can be `horizontal` and `vertical`.

The below example shows how to configure the **Day** view grouped resources in a `horizontal` orientation.

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

The below example shows how to configure the **Day** view grouped resources in a `vertical` orientation.

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





## Suggested Links

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