Example of Holidays in React Gantt Component


This sample visualizes how to define the holidays in between the project timeline.

More Details...


In this example, holidays are displayed with vertical bar with the desired text using the label property. You can also mention the continuous holidays by specifying the from and to range. For single holiday, you can define from value alone. Holidays are defined as an array of object collection, so that we can display more than one holiday in the project.

You can even assign the cssClass to each holiday to change the default color of label and background.

Gantt component features are segregated into individual feature-wise modules. To use a selection support and event markers we need to inject the Selection, DayMarkers modules.