title: how to disable angular2-date-picker?
body: <p>I am using <code>[disabled]="true"</code> for disable datepicker,</p>
  
  <p><strong>app.component.html</strong>:</p>
  
  <pre><code>&lt;div&gt;
    &lt;angular2-date-picker [(ngModel)]="date" [settings]="settings" [disabled]="true"&gt;&lt;/angular2-date-picker&gt;
  &lt;/div
  </code></pre>
  
  <p><strong>app.component.ts</strong>:</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  @Component({    
    selector: 'app-root',  
    templateUrl: './app.component.html',  
    styleUrls: ['./app.component.css'] 
  })
  
  export class AppComponent {
    date: Date = new Date(); 
    settings = {
      bigBanner: false,
      timePicker: false,    
      format: 'dd-MM-yyyy',    
      defaultOpen: false,    
      disabled: true    
    }
  }
  </code></pre>