Loading...
Installation
Features
- Time Slots: Configure start/end hours and step intervals
- Timeline View: Chronological display of time slots
- Add Events: Create events at specific time slots
- Edit Events: Modify existing event details
- Delete Events: Remove events from timeline
- Multiple Events: Support multiple events per time slot
- Scrollable: Handle full day schedules with overflow scroll
Props
| Prop | Type | Default | Description |
|---|---|---|---|
startHour | number | 6 | Timeline start hour (24-hour) |
endHour | number | 20 | Timeline end hour (24-hour) |
stepMinutes | number | 60 | Minutes between time slots |
initialEvents | Event[] | [] | Initial events |
title | string | "Daily Timeline" | Card title |
onEventAdd | (event: Event) => void | - | Callback when event added |
onEventUpdate | (event: Event, index: number) => void | - | Callback when event updated |
onEventDelete | (event: Event, index: number) => void | - | Callback when event deleted |