[Feature Request] add data-invalid attribute to select component

[Makley-Tibola-Trichez]

Is your feature request related to a problem? Please describe.

I am using NextUI to integrate with React Hook Form. However, when I was conducting unit testing on the Select component, I could not find a way to identify from the DOM if the Select component is invalid.

Describe the solution you'd like

The Input component has a data-invalid attribute that indicates its validity status in the DOM. It would be helpful to add a similar attribute to the Select component to facilitate DOM-based validation checks.

Describe alternatives you've considered

It's possible to add the data-invalid property to the Select component without any difficulty.

Screenshots or Videos

No response

[linear]

ENG-936 [Feature Request] add data-invalid attribute to select component