Scheduler Gantt
Higher-level planning component built on Timeline Grid with task ranges, day or week scale and optional summary header.
TypeScript
import { NeuSchedulerGanttComponent } from '@neural-ui/core/scheduler-gantt';
import type { NeuSchedulerGanttRow } from '@neural-ui/core/scheduler-gantt';Delivery timelineMay 5, 2026 - May 12, 2026
5 tasksTueMay 5
WedMay 6
ThuMay 7
FriMay 8
SatMay 9
SunMay 10
MonMay 11
TueMay 12
ProductRoadmap and validation
DesignSystem and exploration
DeliveryBuild and QA
HTML
<neu-scheduler-gantt
[rows]="rows"
title="Delivery timeline"
locale="en-US"
scale="day"
[compact]="false"
[stickyLabels]="true"
[showSummary]="true"
minColumnWidth="112px"
[selectedTaskId]="selectedTaskId()"
[selectedSlot]="selectedSlot()"
(taskClick)="onTaskClick($event)"
(slotClick)="onSlotClick($event)"
/>