javascript - Eroare: Datepicker: valoarea nu este recunoscută ca obiect de tip dată de către DateAdapter

De ieri mă lupt cu o problemă la datepicker-ul din Angular Material 2, înainte de ultima npm install funcționa corect și acum primesc:

ERROR Error: Datepicker: value not recognized as a date object by DateAdapter.
HolidayRequestComponent.html:21 

Linia 21 este unde începe <input meu

<md-input-container [formGroup]="dateRangeForm">
  <input
   mdInput
   name="date_from"
   [mdDatepicker]="from"
   placeholder="Start date"
   formControlName="holidayDataControl"
   [ngModel]="date_from"
  >
<md-datepicker-toggle mdSuffix [for]="from"></md-datepicker-toggle>
</md-input-container>
<md-datepicker #from></md-datepicker>

Componenta mea.ts:

import {Component, OnInit, Inject } from '@angular/core';
import {MD_DIALOG_DATA, MdDialog } from '@angular/material';
import {FormBuilder, FormControl, FormGroup, NgForm, Validators} from '@angular/forms';
import {Observable} from 'rxjs/Observable';


@Component({
  selector: 'app-holiday-request',
  templateUrl: './holiday-request.component.html',
  styleUrls: ['./holiday-request.component.css']
})

export class HolidayRequestComponent implements OnInit {

  public date_from = new Date();

  constructor(@Inject(MD_DIALOG_DATA) public data: any,
              private fb: FormBuilder,
              ) {

      this.dateRangeForm = new FormGroup({
        holidayDataControl: new FormControl('', Validators.required)
      });

      }
  }

Răspuns #1

Conform https://github.com/angular/material2/issues/6265

un șir gol nu este o valoare acceptabilă și generează următoarea eroare:

Datepicker: value not recognized as a date object by DateAdapter.

deci soluția este să schimbi

this.dateRangeForm = new FormGroup({
        holidayDataControl: new FormControl('', Validators.required)
      });

către

this.dateRangeForm = new FormGroup({
        holidayDataControl: new FormControl(null, Validators.required)
      });