Проблема с Angular Проверка выбора даты материала - PullRequest
Новая
       17

Проблема с Angular Проверка выбора даты материала

1 голос
/ 30 января 2020

Я проверяю простой Angular Материал даты выбора. Это странно, потому что когда я нажимаю на маленький календарь, он работает нормально, но как только я нажимаю на поле ввода и перед выбором даты, цвет становится красным следующим образом:

enter image description here

Вот шаблон разметки: 

    <mat-form-field class="datePicker">
        <input matInput [matDatepicker]="picker" (click)="picker.open()" readonly=true
            placeholder="Choose a date range" formControlName="dateRange">
        <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
        <mat-datepicker #picker></mat-datepicker>
    </mat-form-field>

А вот машинопись: 

export class TrackingPanelComponent {


  toppingList: string[] = ['Machine A', 'Machine B', 'Machine C', 'Machine D'];

  constructor(private fb: FormBuilder) { }

  formGroup = this.fb.group({
    selectMachine: [null, Validators.required],
    dateRange: [null, Validators.required],
    trackingPath: [false],
    latestPosition: [false]
  })

  clearAll(){
    this.formGroup.reset()
  }
}

Я знаю, что это из-за (click)="picker.open()", но мне нужно чтобы было проще открыть сборщик дат. Любая идея, чтобы это исправить?

...