Calendar component itself has these classes: ng-dirty ng-invalid ng-touched
I would suggest to fix validation classes like this:
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.