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 the workDayStartandworkDayEnd` 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.

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