Svelte Scheduler Timeline

A Simple Svelte Scheduler Timeline experiment.

Features

1. Show resources and tasks based on months
2. Highlighting of weekends
3. Highlighting the current date
4. Highlighting of holidays[*]
5. Fixed header
6. Fixed resource column with horizontally scrollable resource tasks
7. Traverse months by clicking Next or Previous

References

1. Gantt Chart Concept with CSS-Grid
2. Creating An Interactive Gantt Chart Component With Vanilla JavaScript (Part 1)
3. CSS Grid with fixed headers and columns
4. Styling Empty Cells With Generated Content And CSS Grid Layout