Calendar component itself has these classes: ng-dirty ng-invalid ng-touched
I would suggest to fix validation classes like this:
Maybe one more question, do we need direct child selector?
Code: Select all
// actual code: p-calendar.ng-dirty.ng-invalid > .ui-inputtext // fixed code p-calendar.ng-dirty.ng-invalid > .ui-calendar > .ui-inputtext
I mean, it just causes compatibility issues when HTML structure of components has been changed in PrimeNG and wasn't reflected to the theme.