Материал дизайн Angular2 датаформат не работает дд / мм / гггг

Question

Я использую инструмент выбора даты Angular2, но при выборе любой даты появляется ошибка "Указанное значение не соответствует требуемому стандарту
"Гггг-ММ-дд". Я пытался изменить язык, но безрезультатно.

HTML

  <div>

 <md-input-container>
  <input mdInput [mdDatepicker]="picker" placeholder="Date" 
  formControlName="dateOfPurchase" ngDefaultControl 
  [formControl]="dtPurchase" [(ngModel)]="dateOfPurchase" required 
  type="date" name="dateOfPurchase" id="dateOfPurchase">
  <button mdSuffix [mdDatepickerToggle]="picker"></button>
 </md-input-container>
 <md-datepicker #picker></md-datepicker>

  </div>

Машинопись

import { DateAdapter } from '@angular/material';

constructor(private dateAdapter: DateAdapter<Date>)
{
    this.dateAdapter.setLocale('gb');
    this.dtPurchase= new FormControl();
}

Любая помощь приветствуется.

@Nehal

Ваше предложение на примере работает, но ошибка все еще сохраняется - см. Рис. Ниже