title: Ng-Bootstrap Datepicker, how to highlight specific days in Angular4
body: <p>I have an array of tasks, each contains a date. I would like to highlight the matching days in the datepicker but cannot seem to find in the documentation how to accomplish it.  Anyone able to help?</p>
  
  <p><a href="https://ng-bootstrap.github.io/#/components/datepicker/api" rel="nofollow noreferrer">https://ng-bootstrap.github.io/#/components/datepicker/api</a></p>
  
  <p>Here is my typescript:</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import {NgbDateStruct} from '@ng-bootstrap/ng-bootstrap';
  
  const now = new Date();
  
  @Component({
    selector: 'app-dashboard',
    templateUrl: './dashboard.component.html',
    styleUrls: ['./dashboard.component.scss']
  })
  export class DashboardComponent implements OnInit {
  
    constructor() { 
    }
  
    ngOnInit() {
    }
  
    model: NgbDateStruct;
    date: {year: number, month: number};
  
    selectToday() {
      this.model = {year: now.getFullYear(), month: now.getMonth() + 1, day: now.getDate()};
    } 
  }
  </code></pre>
  
  <p>And Html:</p>
  
  <pre><code>&lt;ngb-datepicker #dp [(ngModel)]="model" (navigate)="date = $event.next"&gt;&lt;/ngb-datepicker&gt;
  </code></pre>