SchedulerSlotProps

Represents the props of the KendoReact SchedulerSlot component.

children? React.ReactNode

Specifies the children of the SchedulerSlot. By default, no child elements are rendered.

className? string

Specifies the className attribute of the wrapping element of the SchedulerSlot.

The SchedulerSlot applies the following default className:

• k-scheduler-cell
• k-slot-cell
• k-nonwork-hour - if either props.isWorkHour or props.isWorkDay is false
• k-state-selected - if props.selected is set to true

col number

Sets the col in the context of the current active view. This property is being used to provide keyboard navigation between the SchedulerSlot components.

editable? EditableProp | boolean

Overrides the editable prop of the Scheduler and the active view.

end Date

The end date of the slot.

group Group

Represents the current group in which the slot is rendered.

id? string

Specifies the id of the wrapping element of the SchedulerSlot.

index number

Represents the consecutive number of the slot in the current range.

isAllDay? boolean

Represents if the slot is an All-day slot.

isWorkDay? boolean

Specifies if the day of the SchedulerSlot(in the current timezone) is between the isWorkDayStart and isWorkDayEnd of the active view.

isWorkHour? boolean

Specifies if the time of the SchedulerSlot(in the current timezone) is between theisWorkDayStartandisWorkDayEnd` of the active view.

items Item[]

A collection of all items which fits in the current slot.

onBlur? (event: SchedulerSlotFocusEvent) => void

Called each time the element, or any of its child elements, lose focus.

onClick? (event: SchedulerSlotMouseEvent) => void

Called each time the element, or any of its child elements, is clicked.

onDoubleClick? (event: SchedulerSlotMouseEvent) => void

Called each time the element, or any of its child elements, is double-clicked.

onFocus? (event: SchedulerSlotFocusEvent) => void

Called each time the element, or any of its child elements, receive focus.

onKeyDown? (event: SchedulerSlotKeyboardEvent) => void

Called each time a keydown event propagates to the wrapping element.

onKeyPress? (event: SchedulerSlotKeyboardEvent) => void

Called each time a keypress event propagates to the wrapping element.

onKeyUp? (event: SchedulerSlotKeyboardEvent) => void

Called each time a keyup event propagates to the wrapping element.

range Range

Represents the current range in which the slot is rendered.

row number

Sets the row in the context of the current active view. This property is being used to provide keyboard navigation between the SchedulerSlot components.

selected? boolean

Sets the selected state of the SchedulerSlot. By default the k-state-selected className is added if props.selected is true.

start Date

The end date of the slot.

style? CSSProperties

Specifies the style object of the wrapping element of the SchedulerSlot.

The SchedulerSlot applies the following default styles:

• userSelect: none

tabIndex? number

Specifies the tabIndex attribute of the wrapping element of the SchedulerSlot.

Providing null will not apply any tabIndex to the element.

zonedEnd ZonedDate

Represents the end Date in the provided timezone.

For more information about timezones, refer to the Scheduler TImezones article.

zonedStart ZonedDate

Represents the start Date in the provided timezone.

For more information about timezones, refer to the Scheduler TImezones article.