SchedulerProps

The aria-label attribute to be applied to the Scheduler component.

For more information, refer to the Scheduler Accessibility Compliance article.

The aria-labelledby attribute to be applied to the Scheduler component.

For more information, refer to the Scheduler Accessibility Compliance article.

Specifies the available view components as children. The Scheduler matches the currently selected view and renders it.

Specifies the className attribute of the wrapping element of the Scheduler.

Sets the data of the Scheduler component. The data is then parsed and rendered as visual Scheduler items.

Sets the current selected Date. The current selected date is passed to the selected view and transformed into a range.

Sets a default selected Date. Use the defaultDate property to specify the initial rendered date while remaining in an uncontrolled mode.

Sets the initially selected view.

For more information refer to the Scheduler Views article.

Sets the initially selected view. The available values are:

• day
• week
• month
• agenda
• timeline

Sets if the Scheduler component is editable. The value can be either a boolean or an Object to specify different types of editing.

Overrides the default editItem. Specifying the editItem property of a specific view will override this property.

The default component is: SchedulerEditItem.

For more information on customizing the scheduler items, refer to the Item Customization article.

Overrides the default editSlot component. Specifying the editSlot property of a specific view will override this property.

The default component is: SchedulerEditSlot.

For more information on customizing the scheduler slots, refer to the Slot Customization article.

Overrides the default editTask. Specifying the editTask property of a specific view will override this property. Currently, only the AgendaView uses the editTask.

The default component is: SchedulerEditTask.

For more information on customizing the scheduler tasks, refer to the Task Customization article.

Overrides the default footer component of the Scheduler.

The default component is: SchedulerFooter.

For more information on customizing the scheduler footer, refer to the Footer Customization article.

Specifies the groups of the Scheduler.

Overrides the default header component of the Scheduler.

The default component is: SchedulerHeader.

For more information on customizing the scheduler header, refer to the Header Customization article.

Sets the height of the Scheduler.

Specifies the id of the wrapping element of the Scheduler.

Overrides the default item. If you specify the item property of a specific view, it overrides this property.

The default component is: SchedulerItem.

For more information on customizing the scheduler items, refer to the Item Customization article.

Specifies the names of the model fields from which the Scheduler reads its data (see example).

Fires each time editing occurs. To enable editing set the editable property to true or an EditableProp.

For more information refer to the Scheduler Editing article.

Fires when the user selects a new date.

Fires when the user selects a new view. (see example).

Specifies the resources of the Scheduler.

Specifies the role attribute of the Scheduler wrapping element.

For more information, refer to the Scheduler Accessibility Compliance article.

Forces RTL mode. For more information refer to RTL Support.

Overrides the default slot component. Specifying the slot property of a specific view will override this property.

The default component is: SchedulerSlot.

For more information on customizing the scheduler slots, refer to the Slot Customization article.

Specifies the style object of the wrapping element of the Scheduler.

Specifies the tabIndex attribute of the wrapping element of the Scheduler.

Overrides the default task. Specifying the task property of a specific view will override this property. Currently, only the AgendaView uses the task.

The default component is: SchedulerTask.

For more information on customizing the scheduler tasks, refer to the Task Customization article.

Specifies the id of the timezone that the Scheduler displays. For example, Europe/Sofia.

Sets the currently selected view. The value is matched with the name property of the view.

Sets the initially selected view. The available values are:

• day
• week
• month
• agenda
• timeline

Overrides the default viewItem. If you specify the viewItem property of a specific view, it overrides this property.

The default component is: SchedulerViewItem.

For more information on customizing the scheduler items, refer to the Item Customization article.

Overrides the default viewSlot component. Specifying the viewSlot property of a specific view will override this property.

The default component is: SchedulerViewSlot.

For more information on customizing the scheduler slots, refer to the Slot Customization article.

Overrides the default viewTask. Specifying the viewTask property of a specific view will override this property. Currently, only the AgendaView uses the viewTask.

The default component is: SchedulerViewTask.

For more information on customizing the scheduler tasks, refer to the Task Customization article.

Enables browser-native AI agent tools via Web MCP (Chrome 146+).

Pass true for defaults or an object for fine-grained control. AI agents are multilingual — dataName accepts any language.