saturation/uiGantt Chart
Interactive timeline view with draggable task bars for scheduling and project planning.
Task Name
ADesign PhaseDesign
BDevelopmentEngineering
CTestingQA
Week 4
Jan 2026
Week 1
Feb 2026
Week 2
Feb 2026
Week 3
Feb 2026
Week 4
Feb 2026
Week 1
Mar 2026
Week 2
Mar 2026
Week 3
Mar 2026
Today
Design Phase
Development
Testing
Features
- Draggable tasks — Drag to reschedule
- Resizable bars — Adjust task duration
- Dependencies — Link related tasks
- Zoom levels — Day, week, month views
- Today marker — Current date indicator
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| tasks | Task[] | - | List of tasks with dates |
| onTaskUpdate | (id: string, dates: DateRange) => void | - | Task update callback |
| onTaskClick | (id: string) => void | - | Task click callback |
Components Used
buttontooltipbadgeavatarselect