SchedulerEditSlotProps

Represents the props of the KendoReact SchedulerEditSlot 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.

form? React.ComponentType<SchedulerFormProps>

Overrides the default component responsible for visualizing the formItem.

The default Component is: SchedulerForm.

formItem? DataItem | null

Setting this property will force the formItem to be in controlled state, allowing further customization.

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 theworkDayStartandworkDayEnd` 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.

onDataAction? (action: DataAction, event: any) => void

Called when new item has been created in the slot.

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.

onFormItemChange? (event: any) => void

Called every time the formItem changes.

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.

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

viewSlot? React.ComponentType<SchedulerViewSlotProps>

Overrides the default component responsible for view-specific functionality.

The default Component is: SchedulerViewSlot.

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.