Deadlines
Source code
TypeScript ts
import { GANTT_CONSTRAINTS_DEADLINES_DEMO } from './gantt-advanced-data';
import { loadAdvancedGanttDemo } from './GanttAdvancedVanillaDemo';
export function load(parentSelector: string) {
return loadAdvancedGanttDemo(parentSelector, GANTT_CONSTRAINTS_DEADLINES_DEMO);
}
Vue vue
<template>
<GanttAdvancedDemo :demo="GANTT_CONSTRAINTS_DEADLINES_DEMO" />
</template>
<script setup lang="ts">
import GanttAdvancedDemo from './GanttAdvancedDemo.vue';
import { GANTT_CONSTRAINTS_DEADLINES_DEMO } from './gantt-advanced-data';
</script>
React tsx
import React from 'react';
import GanttAdvancedDemo from './GanttAdvancedReactDemo';
import { GANTT_CONSTRAINTS_DEADLINES_DEMO } from './gantt-advanced-data';
export default function GanttConstraintsDeadlines() {
return <GanttAdvancedDemo demo={GANTT_CONSTRAINTS_DEADLINES_DEMO} />;
}
Angular ts
import { Component, NO_ERRORS_SCHEMA, ViewEncapsulation } from '@angular/core';
import { RevoGrid } from '@revolist/angular-datagrid';
import { GanttAdvancedAngularBase } from './GanttAdvancedAngularBase';
import { GANTT_CONSTRAINTS_DEADLINES_DEMO } from './gantt-advanced-data';
@Component({
selector: 'gantt-constraints-deadlines-grid',
standalone: true,
// Allows Angular demos to bind RevoGrid plugin props that are not wrapper inputs.
schemas: [NO_ERRORS_SCHEMA],
imports: [RevoGrid],
template: `<revo-grid style="min-height: 560px" [theme]="theme" [hideAttribution]="true" [plugins]="plugins" [source]="tasks" [columns]="columns" [gantt]="ganttConfig" [ganttDependencies]="dependencies" [ganttCalendars]="calendars" [ganttResources]="resources" [ganttAssignments]="assignments"></revo-grid>`,
encapsulation: ViewEncapsulation.None,
})
export class GanttConstraintsDeadlinesGridComponent extends GanttAdvancedAngularBase {
protected readonly demo = GANTT_CONSTRAINTS_DEADLINES_DEMO;
}
Use deadlineDate for target dates that should warn but not lock the schedule:
{ id: 'frontend', name: 'Frontend Development', deadlineDate: '2026-05-15', // other task fields}Behavior
Section titled “Behavior”If a task finishes after its deadlineDate, the scheduler reports a deadline-missed conflict. This warning appears in:
- The Scheduling Warning column.
- The task tooltip.
- The row/bar warning state.
- A visual timeline indicator (usually a down-arrow on the deadline date).
Deadline vs. Finish Constraint
Section titled “Deadline vs. Finish Constraint”Unlike a must-finish-on or finish-no-later-than constraint, a deadline never moves the task.
- It is purely an analytical tool to measure performance against a target.
- It does not affect the critical path or slack calculations of other tasks.
This matches Microsoft Project’s distinction between a deadline and an inflexible finish constraint: a deadline is an alert, not a scheduling rule.