Improve p-invalid class for InputSwitch

[franmc01]

Describe the bug

I am in the development of a product for a client and within the requirements is that the user be told that when an input visibly indicates that there is an error.

I would expect it to look like this

But i get

Even if I add the manual class, no style is applied to the input, is that behavior normal?

To get the desired effect I had to do it in a custom way, wouldn't that be native?

Reproducer

No response

PrimeReact version

8

React version

17.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[melloware]

Right now its an easy workaround just add this CSS to your CSS file that loads after the theme. But this needs to be fixed in PF core themes.

.p-inputswitch.p-invalid .p-inputswitch-slider {
  background-color: #e24c4c;
}