New to Kendo UI for Angular? Start a free 30-day trial
SlotSelectableDirective
Updated on Oct 31, 2025
Represents a directive that manages the built-in slot selection in the Scheduler.
Add the kendoSchedulerSlotSelectable directive to a <kendo-scheduler> instance to allow users to select time slots by clicking or dragging.
The directive keeps track of the selected slot range and emits changes when the selection is updated by user interaction.
html
<kendo-scheduler kendoSchedulerSlotSelectable [(slotSelection)]="selectedSlot">
</kendo-scheduler>
Selector
[kendoSchedulerSlotSelectable]
Inputs
| Name | Type | Default | Description |
|---|---|---|---|
slotSelection |
|
Represents the currently selected slot range. |
Events
| Name | Type | Description |
|---|---|---|
slotSelectionChange |
|
Fires when the user changes the currently selected slot range. |