The SchedulerItem component is responsible for the visual part of an Item.
To expend the default
SchedulerItem, set the item property to either the
Scheduler or a specific view, to a modified version of the
Customizing the Item Styles
To customize the styles of the
SchedulerItem, we recommend using either style or className properties.
The following examples demonstrates customizing the
background to a gradient one, based on the items orientation.
Overriding the Children
To customize what is rendered inside the
Scheduler item, provide the
children property, or directly render the content inside the
SchedulerItem. The SchedulerItemContent can be used as a wrapping element to achieve consistent styling.
The following examples demonstrates rendering custom nodes inside the default
Attaching Callback Handlers
The SchedulerItem exposes various callbacks like onClick and onKeyDown. Those callbacks can be used to attach custom functionality.
Providing a callback without calling the default one from the
props, will prevent the default logic from executing.
The following example demonstrates attaching
onBlur handlers and showing a custom
Popup next an item. We will be calling the default
props.onBlur callbacks to not brake anything.