New to KendoReactStart a free 30-day trial

Represents the props of the KendoReact SchedulerEditSlot component.

Definition

Package:@progress/kendo-react-scheduler

Properties

children?

ReactNode

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

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 provides keyboard navigation between the SchedulerSlot components.

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

end

Date

The end date of the slot.

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

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

form?

ComponentType​<SchedulerFormProps>

Overrides the default component responsible for visualizing the formItem.

The default Component is: SchedulerForm.

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

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.

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

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

Parameters:eventSchedulerSlotFocusEvent

onClick?

(event: SchedulerSlotMouseEvent) => void

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

Parameters:eventSchedulerSlotMouseEvent

onDataAction?

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

Fires when a new item has been created in the slot.

Parameters:actionDataActioneventany

onDoubleClick?

(event: SchedulerSlotMouseEvent) => void

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

Parameters:eventSchedulerSlotMouseEvent

onFocus?

(event: SchedulerSlotFocusEvent) => void

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

Parameters:eventSchedulerSlotFocusEvent

onFormItemChange?

(event: any) => void

Fires every time the formItem changes.

Parameters:eventany

onKeyDown?

(event: SchedulerSlotKeyboardEvent) => void

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

Parameters:eventSchedulerSlotKeyboardEvent

onKeyPress?

(event: SchedulerSlotKeyboardEvent) => void

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

Parameters:eventSchedulerSlotKeyboardEvent

onKeyUp?

(event: SchedulerSlotKeyboardEvent) => void

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

Parameters:eventSchedulerSlotKeyboardEvent

onMouseEnter?

(event: SchedulerSlotMouseEvent) => void

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

Parameters:eventSchedulerSlotMouseEvent

onMouseLeave?

(event: SchedulerSlotMouseEvent) => void

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

Parameters:eventSchedulerSlotMouseEvent

onMouseOut?

(event: SchedulerSlotMouseEvent) => void

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

Parameters:eventSchedulerSlotMouseEvent

onMouseOver?

(event: SchedulerSlotMouseEvent) => void

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

Parameters:eventSchedulerSlotMouseEvent

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

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 does not apply any tabIndex to the element.

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.