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

Я использую средство выбора даты для материалов 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();
}

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

@Нехал

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