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

TimelineWeekViewComponent

The component for rendering the Week timeline view.

Selector

kendo-scheduler-timeline-week-view

Inputs

NameTypeDefaultDescription

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.

numberOfWeeks

number

1

Specifies the number of weeks that the view will render.

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}'

The long-date format that will be used for displaying the selected date in the Scheduler toolbar. Defaults to {0:D} - {1:D} where 0 is the start and 1 is the end date (more information).

selectedShortDateFormat

string

'{0:d} - {1:d}'

The short date format that will be used for displaying the selected date in the Scheduler toolbar. Defaults to {0:d} - {1:d} where 0 is the start and 1 is the end date (more information).

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.

For more information, refer to the example on setting the class callback for all views in SchedulerComponent.slotClass.

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

NameTypeDefaultDescription

name

string

'timelineWeek'

The invariant name for this view.

In this article

Not finding the help you need?