Выбор даты Angular 6 (отключенное поле ввода) не привязан к объекту формы

Question

Я новичок в угловой. Я использую угловой материал (7.0.2) . Я попытался в приведенной ниже форме есть дата выбора с отключен ввод. При отправке дата не появляется в f.value (объект формы) . Если я удаляю отключенное из поля ввода, то это работает отлично. Я не знаю, это из-за инвалидности или что-то еще является причиной. Короче говоря, из-за отключения он не может вернуть объект формы.

<form (ngSubmit)="AddEvent(f)" #f="ngForm">
    <mat-form-field>
      <input matInput ngModel name="date" [matDatepicker]="picker"  disabled required>
      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
      <mat-datepicker disabled="false" touchUi #picker></mat-datepicker>
    </mat-form-field>
  </form>

Вот код файла TS

export class CreateEventComponent implements OnInit {

  isLogin:boolean = false;
  constructor() { }

  ngOnInit() {
  }

  AddEvent(f)
  {
    f.value.date =f.value.date.toDateString();
    console.log(f.value);

  }

}

Выход:

Null object