TimelineViewComponent

The component for rendering the Timeline view.

Selector

kendo-scheduler-timeline-view

Inputs

Name	Type	Default	Description
columnWidth	number		Specifies the columns width.
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		The height of the 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.
numberOfDays	number	1	Specifies the number of days that the view will render. Normalized to 1 if the provided value is <= 0.
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}'	The long-date format for displaying the selected date in the Scheduler toolbar. (more information). Note: If numberOfDays > 1, the default format value shows a range - '{0:D} - {1:D}', where 0 is the start and 1 is the end date.
selectedShortDateFormat	string	'{0:d}'	The short-date format for displaying the selected date in the Scheduler toolbar. (more information). Note: If numberOfDays > 1, the default format value shows a range - '{0:d} - {1:d}', where 0 is the start and 1 is the end date.
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.
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	'timeline'	The invariant name for this view.