WeekViewComponent

Represents the component that renders the Week view in the Scheduler.

html

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

Selector

kendo-scheduler-week-view

Inputs

Name	Type	Default	Description
allDaySlot	boolean	true	Toggles the all-day slot.
currentTimeMarker	boolean | CurrentTimeSettings		Specifies the settings for the current time marker of the Scheduler.
endTime	string		The end time of the view. The Scheduler displays events which end before the end time. Accepts string values in the HH:mm format.
eventClass	(args: EventStyleArgs) => any		Defines a function that is executed for every event in the view. The function returns a value which is supported by ngClass.
eventHeight	number		Sets the height (in pixels) of events in the Scheduler views. For Month, Timeline, and Multi-Week views, it controls the height of regular and all-day events. For Day and Week views, it controls the height of all-day events.
eventStyles	(args: EventStyleArgs) => any		Defines a function that is executed for every event in the view. The function returns a value which is supported by ngStyle.
highlightOngoingEvents	boolean | OngoingEventsSettings		Specifies the settings for the ongoing events highlight of the Scheduler.
scrollTime	string		The time to which the view will initially be scrolled. Accepts string values in the HH:mm format or a JavaScript Date.
selectedDateFormat	string	'{0:D} - {1:D}'	Sets the long-date format for the selected date in the Scheduler toolbar. Defaults to '{0:D} - {1:D}', where 0 is the start and 1 is the end date. For more information, see Parsing and Formatting Dates and Numbers.
selectedShortDateFormat	string	'{0:d} - {1:d}'	Sets the short-date format for the selected date in the Scheduler toolbar. Defaults to '{0:d} - {1:d}', where 0 is the start and 1 is the end date. For more information, see Parsing and Formatting Dates and Numbers.
showFooter	boolean		Specifies whether to display the footer of the Scheduler.
showToolbar	boolean		Specifies whether to display the toolbar of the Scheduler.
showWorkHours	boolean	false	If set to true, the view will be initially shown in the business-hours mode. By default, the view is displayed in the full-day mode.
slotClass	(args: SlotClassArgs) => any		Defines a function that is executed for every slot in the view. The function returns a value which is supported by ngClass see example.
slotDivisions	number		The number of divisions of the time slots.
slotDuration	number		The duration (in minutes) of the time slots.
slotFill	number	0.9	Numeric value between 0 and 1 that specifies what percentage of the slot should be filled by the events.
startTime	string		The start time of the view. The Scheduler displays events which start after the start time. Accepts string values in the HH:mm format.
workDayEnd	string		The end time of the view when showWorkHours is set to true. Accepts string values in the HH:mm format.
workDayStart	string		The start time of the view when showWorkHours is set to true. Accepts string values in the HH:mm format.
workWeekEnd	Day		The end of the work week.
workWeekStart	Day		The start of the work week.

Fields

Name	Type	Default	Description
name	string	'week'	The invariant name for this view.