TimeScaleProps
Configures how time slots are divided and rendered in day, week, and work week views. Supports custom intervals, slot counts, and templated display of time labels.
Props
The following table outlines the props for the TimeScaleProps:
| Name | Type | Default | Description |
|---|---|---|---|
| enable | boolean | true | Toggles the visibility and functionality of time slots in the scheduler view. When disabled, the time scale section is hidden entirely. |
| interval | number | 60 | Specifies the duration of each time slot in minutes (e.g., 30 for 30-minute slots). Smaller intervals provide finer granularity for event scheduling. |
| majorSlot | (props: TimeSlotProps) => node | null | Accepts a custom React component to render the primary (hour) time labels. Enables custom formatting or styling of major time divisions. |
| minorSlot | (props: TimeSlotProps) => node | null | Accepts a custom React component to render the secondary (minute) time labels within each major slot. Enables detailed time formatting or visual differentiation. |
| slotCount | number | 2 | Divides each major time slot into this many minor subdivisions. A value of 2 creates two 30-minute slots within each 60-minute major slot. |