Working Calendar

A four-week project in May 2026 (May 11 to June 5) on a Monday-to-Friday calendar with two holidays. Non-working days show as stripes, durations count working days, bars snap off weekends when dragged or resized, and the critical path follows the calendar. Every move is undoable: Ctrl+Z rolls back any drag, resize or snap, and the history survives the toggles below, which change the chart with gantt.update().

Calendar

Workdays: Mon to Fri
Holidays: May 27 (Company offsite), May 29 (Team retreat)

Weekend stripe

Holiday stripe (hover for label)

Critical-path bar

Drag snap mode

Try dragging a bar so its start lands on a Sat/Sun and watch where it actually commits.

dragSnapMode: next

What to look for

Pale gray bands behind Sat/Sun are the weekend stripes from workingWeekdays.
Pinker bands mark the two configured holidays; hover one for its tooltip.
The Duration column counts working days (wd): Design phase reads 10 wd for its 12 calendar days, and Design review reads 3 wd because of the two holidays.
Drag a bar onto a weekend. Its working-day duration is preserved across the snap.
Resize a bar across a weekend. Only the moving endpoint snaps; the other side stays put.
Summary "Design phase" aggregates child progress by working-day weight, not raw calendar days.
Critical path respects the calendar: weekend gaps between FS-linked tasks don't inflate the path.
Toggle Calendar: on/off to compare. With the calendar off, every day is a working day: no stripes, no snapping, and durations in calendar days (d).

Calendar

Drag snap mode

What to look for

Event log