To add holidays to the date field, perform the following steps:
Specify the holidays in the form's listener JS file. For example, the following code snippet adds three holidays to the data component:
var bankholidays = [{ "dates": // The date should be in 'DD/MM/YYYY' format. [{ date:"15/08/2019", text:"Independence Day" //Mouse-over text }, { date:"06/09/2019", text:"Founders' Day" //Mouse-over text }, { date:"27/10/2019", text:"Diwali" //Mouse-over text }], "cssClass":'<CSS_CLASS_NAME>' //Name of the CSS class, e.g. holidaycolor }]; fm.setHolidayDates(bankholidays,"<ITEM_ID_OF_DATE_FIELD>");
Create the CSS class for highlighting the holidays in the date tool. For example:
.holidaycolor { backgroundcolor = blue; }