Validation errors not showing up for type day
I have a form with two components, one of type day, with day, month and year required, and one of type textfield, required. Both have a custom error message.
Both while typing and on submission, errors are not shown for the day component. I tried calling the submit function and I noticed the error is actually thrown. It seems like the library is not adding the correct class to the element in order for the error to be shown.
To Reproduce Steps to reproduce the behavior:
- Go to repro: https://codesandbox.io/p/sandbox/modest-worker-mtztn2
- Click on "verify"
- See that error on day is not shown
- Click on "vertify with workaround"
- See that error on day is now shown thanks to the ugly workaround I implemented
Expected behavior Errors on day component should be shown both while typing and on submit
Screenshots
Without workaround:
With workaround:
Desktop (please complete the following information):
- OS: Tested on Windows 10 and macOS 14.5
- Browser chromium based
- Version 127.0.6533.73
Additional context The version of the libs in the repro are the exact ones I use in my project
I've created a ticket for our development team to review. If you would like to submit a pull request we would review it as a potential fix. Ticket for internal tracking: FIO-8867
After review, we don't expect to resource a developer to investigate this in the near future but would be happy to review any contributions to resolve this behavior.