Почему форма Angular не валидируется?

Question

[lzy]

Здравствуйте, я создал форму, в ней есть DatePicker, использую https://materializecss.com/pickers.html, форма успешно работает, открывается и выбирается дата и так же вставляется в input, но проблема в том, что Angular не видит изменений и думает что Input все еще пустой и просит ввести дату. Но если использовать стандартный DatePicker от input type="date", то все работает.

<div class="input-field">
      <input
        type="text"
        id="preparationStartDate"
        formControlName="preparationStartDate"
        #preparationStartDate
        [ngClass]="{'invalid': form.get('preparationStartDate').invalid && form.get('preparationStartDate').touched}"
      >
      <label for="preparationStartDate">Начало</label>
    </div>

ngOnInit() {

    this.form = new FormGroup({
      preparationStartDate: new FormControl('', Validators.required)
    })
}

ngAfterViewInit() {
    this.preparationStartDate = MaterialService.initDatePicker(this.startRef, null)
  }

Я новичок в Angular, подскажите пожалуйста, как исправить ошибку, чтобы после выбора даты через materialize datepicker, форма становилась валидной?

Comments

[Антон Швец]

сделайте пример на stackblitz чтоль. гадать бесполезно.

Я вообще не понял зачем использовать какие то jquery костыли, если есть родной https://material.angular.io/components/datepicker/...

[Pavel Pikat]

Антон Швец, схерали он родной. Material - еще одна либа со своими стилями.

[Антон Швец]

Pavel Pikat, потому что практически стандарт. Если посмотреть разработчиков, они сплошь member of @angular.
Ну и репка https://github.com/angular/components как бы намекает.

[Pavel Pikat]

Антон Швец, в вашей либе есть callback onSelect, попробуйте вручную проставить значение даты из либы в форму.

[Pavel Pikat]

Антон Швец, вот не надо мешать, после такого все новички и начинают думать что Материал = Ангуляр, и что Ангуляр состоит из готовых компонентов, бери да лепи, и ничего больше не умееют.
Это тоже самое что сказать что JQuery - почти JavaScript, ведь все его создатели пишут на JavaScript, практически стандарт, пихается везде где можно и не нужно.
Материал - совершенно отдельный проект, существующий паралельно с Ангуляром, имеет свои либы, типа CDK и заточен под конкретный гайдлайн Гугла. Помимо Материал есть еще тонна похожих либ со своими компонентами и стилями, те же Telerik, Vaadin, Bootstrap, Prime NG.

[Антон Швец]

Pavel Pikat, что никоем образом не меняет факта, что Angular Material - родной (ну не materialize же брать).
И в большинстве случаев работают именно с ним, даже если и не особо нужен.