What is KendoReact
Components
- Animation
- Barcodes
- Buttons
- Charts
- Common Utilitiesupdated
- Conversational UI
- Data Gridupdated
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdowns
- Editor
- Excel Export
- File Saver
- Form
- Gantt
- Gauges
- Indicators
- Inputsupdated
- Labels
- Layoutupdated
- ListBox
- ListView
- Mapbeta
- Notification
- PDF Processing
- PDFViewernew
- PivotGrid
- Popup
- Progress Bars
- Ripple
- Scheduler
- - Overview
  - Getting Started
  - Views
  - Data Binding
  - Editing
  - Grouping
  - Resources
  - Customization
  - Adaptive Slot Height
  - Auto Item Height
  - Recurring Events
  - Date Selection
  - Timezones
  - Globalization
  - Keyboard Navigation
  - Accessibility
  - Context Providers
  - API
- ScrollView
- Sortable
- TaskBoard
- Tooltips
- TreeList
- TreeView
- Upload
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
Troubleshooting

Components / Scheduler / API / SchedulerSlotProps /

SchedulerSlotProps

Represents the props of the KendoReact SchedulerSlot component.

Name	Type	Description
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.
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.
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`.
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.

Methods

onBlur

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

Parameters
event	`SchedulerSlotFocusEvent`

onClick

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

Parameters
event	`SchedulerSlotMouseEvent`

onDoubleClick

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

Parameters
event	`SchedulerSlotMouseEvent`

onFocus

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

Parameters
event	`SchedulerSlotFocusEvent`

onKeyDown

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

Parameters
event	`SchedulerSlotKeyboardEvent`

onKeyPress

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

Parameters
event	`SchedulerSlotKeyboardEvent`

onKeyUp

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

Parameters
event	`SchedulerSlotKeyboardEvent`

onMouseEnter

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

Parameters
event	`SchedulerSlotMouseEvent`

onMouseLeave

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

Parameters
event	`SchedulerSlotMouseEvent`

onMouseOut

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

Parameters
event	`SchedulerSlotMouseEvent`

onMouseOver

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

Parameters
event	`SchedulerSlotMouseEvent`

SchedulerSlotProps

children?

className?

col

editable?

end

group

id?

index

isAllDay?

isWorkDay?

isWorkHour?

items

range

row

selected?

start

style?

tabIndex?

zonedEnd

zonedStart

Methods

onBlur

onClick

onDoubleClick

onFocus

onKeyDown

onKeyPress

onKeyUp

onMouseEnter

onMouseLeave

onMouseOut

onMouseOver

In this article

Not finding the help you need?

Getting Started

Support Resources

Community

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Extended Reality

Free Tools

SchedulerSlotProps

In this article

Not finding the help you need?