how to append the div element in ngx-bootstrap datepicker

Viewed 397

How can I append div elements in ngx-bootstrap datepicker dynamically based on date list?

Based on the date list I am able to add a custom class in ngx-bootstrap datepicker same way I need to append the div in ngx-bootstrap datepicker.

I tried with the custom class it working fine for me

Template:

    <bs-datepicker-inline [bsValue]="list" 
          [bsConfig]="{
            dateInputFormat: 'DD-MM-YYYY',
            selectFromOtherMonth: false,
            showWeekNumbers: false,
            defaultViewDate : false
          }"
          [dateCustomClasses]="dateCustomClasses"
          >
        </bs-datepicker-inline>

Controller:

this.dateCustomClasses = [
      { date: new Date('10-17-2019'), classes: ['icon-paid'] },       
      { date: new Date('10-18-2019'), classes: ['icon-arrange'] },
      { date: new Date('10-19-2019'), classes: ['icon-missed'] },
];

I need to do same to append the div in dateCustomClasses

0 Answers
Related