HolidayDirective

12 Sep 20251 minute to read

e-holidays directive represent a holidays collection in Gantt.
It must be contained in a Gantt component(ejs-gantt).

<ejs-gantt [dataSource]='data' allowSelection='true' allowSorting='true'>
  <e-holidays>
    <e-holiday from='02/20/2018' label='Holiday 1'></e-holiday>
    <e-holiday from='05/15/2018' label='Holiday 2'></e-holiday>
  </e-holidays>
</ejs-gantt>

Properties

cssClass any

Defines custom css class of holiday to customize background and label.

Defaults to null

from any

Defines start date of holiday.

Defaults to null

label any

Defines label of holiday.

Defaults to null

to any

Defines end date of holiday.

Defaults to null