angular-material2 – md-datepicker – Data binding with md-datapicker

datepicker-overview-example.html:

<md-input-container>
  <input mdInput 
         [mdDatepicker]="picker" 
         [(ngModel)]="date"
         placeholder="Choose a date">
  <button mdSuffix [mdDatepickerToggle]="picker"></button>
</md-input-container>
<md-datepicker  #picker></md-datepicker>
<div>
  Date Chosen using 'ngModel':
  <div>{{ date }}</div>
</div>

datepicker-overview-example.ts:

import {Component, OnInit} from '@angular/core';

@Component({
  selector: 'datepicker-overview-example',
  templateUrl: 'datepicker-overview-example.html'
})
export class DatepickerOverviewExample implements OnInit {
  
  date;
  
  ngOnInit(){
    this.date = new Date();
  }
  
}

Live demo

if you want to reproduce, please indicate the source:
angular-material2 – md-datepicker – Data binding with md-datapicker - CodeDay