Deadlines

Source code

TypeScript

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

<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

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

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: 'Development',
  deadlineDate: '2026-05-15',
  // other task fields
}

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

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.