SchedulerViewSlotProps

Represents the props of the KendoReact SchedulerViewSlot component.

NameTypeDefaultDescription

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-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?

boolean | EditableProp

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

end

Date

The end date of the slot.

expandable?

boolean | SchedulerSlotExpandableConfig

Set to false will render the slot as is, without expanding depending on the items inside it.

For more information, please refer to the Adaptive Slot Height article.

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 workDayStart and workDayEnd of the active view.

isWorkHour?

boolean

Specifies if the time of the SchedulerSlot(in the current timezone) is between the workDayStart and workDayEnd 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.

onMouseEnter?

(event: SchedulerSlotMouseEvent) => void

Called each time the element, or any of its child elements receives mouseenter event.

onMouseLeave?

(event: SchedulerSlotMouseEvent) => void

Called each time the element, or any of its child elements receives mouseleave event.

onMouseOut?

(event: SchedulerSlotMouseEvent) => void

Called each time the element, or any of its child elements receives mouseout event.

onMouseOver?

(event: SchedulerSlotMouseEvent) => void

Called each time the element, or any of its child elements receives mouseover event.

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-selected className is added if props.selected is true.

slot?

React.ComponentType<SchedulerSlotProps>

Overrides the default component responsible for view-specific functionality.

The default Component is: SchedulerSlot.

start

Date

The end date of the slot.

style?

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