# SchedulerSlot

The [SchedulerSlot](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerslot) component is responsible for the visual part of a [Slot](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/slots#slot-composition).

To expand the default `SchedulerSlot`, set the [slot](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerprops#slot) property to either the `Scheduler` or a specific view, to a modified version fo the `SchedulerSlot` component.

## Customizing the Slot Styles

To customize the styles of the `SchedulerSlot`, we recommend using either [style](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerslotprops#style) or [className](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleritemprops#classname) properties.

The following example demonstrates customizing the `border` to a red one, based on the slot `isAllDay` property, in order to separate the `all-day` slots from the `time` slots in the `Week` view.

[Demo Source](https://demos.telerik.com/kendo-react-ui/scheduler/slots/slot/style/func/source.txt)

## Suggested Links

* [API Reference of the Scheduler](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduler)
* [API Reference of the SchedulerSlot](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerslot)
* [KendoReact Scheduler](https://www.telerik.com/kendo-react-ui/components/scheduler/)