Отображается требуемое сообщение об ошибке, даже если введенные данные заполнены как ошибка мат

Question

Я пытаюсь отобразить сообщение об ошибке с помощью mat-error для 2 условий.

1. Если пусто, то должно появиться сообщение об ошибке require mat.
2. Если не пусто, но есть другая ошибка, отобразить обычное сообщение об ошибке

Я использую средство выбора даты, где max я предоставил только до текущей даты. При изменении на дату после текущей даты второе сообщение об ошибке проверяется правильно. Как я могу показать одно и то же сообщение при вводе неверного дня, месяца или специального символа?

Для всех остальных условий требуется только всплывающее сообщение

          <mat-form-field appearance="outline">
                  <input matInput [matDatepicker]="picker" specialIsAlphaNumeric maxLength="10" [max]="maxDate" placeholder="MM/DD/YYYY" required
                    formControlName="date" autocomplete="off">
                  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
                  <mat-datepicker #picker></mat-datepicker>
                  <mat-error *ngIf="nGroup.controls['date'].hasError('required')">
                    Date is Required!      <<=========== want to show this only if field is empty.
                  </mat-error>
                  <mat-error *ngIf="!nGroup.controls['date'].hasError('required') || nGroup.controls['date'].errors">
                    Enter/Select valid date <<========= want to show if any error other than empty field
                  </mat-error>
    </mat-form-field>