Gantt chart components

Gantt.Provider takes the groups, the date range (CalendarDate values from @internationalized/date), the zoom level and the callbacks. Inside it, Gantt.Sidebar renders the grouped task list and Gantt.Timeline renders the date header and one Gantt.Feature bar per task. Pass a function as the Timeline's children to customise individual bars.

No. It is controlled: onMove and onResize receive the feature id and the proposed startAt and endAt, and the bar moves when you update the groups you pass in. Drag previews are shown while the pointer is down, and the callback fires once on release.

The timeline is one tab stop. Up and Down arrows (and Home and End) move between bars. Left and Right arrows move the focused bar by one zoom unit (a day, a week or a month) and Shift plus Left or Right changes its end date. Every bar's accessible name includes its name, dates, progress and owner, and each change is announced through a live region.

The sidebar, the date header and the rows share a single scroll container. The header is sticky to the top and the sidebar is sticky to the inline start, so horizontal and vertical scrolling can never drift apart. Set maxHeight on the Provider to cap the height.

color accepts brand, blue, green, orange, pink, purple and gray, each mapped to the semantic utility tokens, so dark mode needs no extra classes. Positions use logical inset-inline-start, and pointer and arrow-key directions flip under dir="rtl".