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 with major and minor slot customizations. Enables granular control over time granularity and visual representation of scheduler time divisions.
Props
The following table outlines the props for the TimeScaleProps:
| Name | Type | Default | Description |
|---|---|---|---|
| enable | boolean | true | Enables or disables the time scale (hour/minute divisions) in day, week, and work week views. When disabled, the time scale section is completely hidden from the scheduler. |
| interval | number | 60 | Specifies the interval duration for each time slot in minutes (e.g., 30 for 30-minute slots). Smaller intervals provide finer scheduling granularity; larger intervals simplify the time grid. |
| majorSlot | (props: TimeSlotProps) => node | null | Provides a custom React component to render the primary (hourly) time labels in the scheduler's time scale. Enables custom formatting, styling, or localization of major time divisions. |
| minorSlot | (props: TimeSlotProps) => node | null | Provides a custom React component to render secondary (minute-level) time labels within each major time slot. Enables detailed time formatting, custom styling, or alternative time label representations. |
| slotCount | number | 2 | Number of subdivisions for each major time slot interval (e.g., a value of 2 creates two 30-minute slots within 60 minutes). Controls the granularity of minor time divisions visible in the scheduler's time scale. |