When using the DateInput component, inputting certain dates, such as “31” for the day, is impossible, unless the month field is filled out already.
This restriction creates a frustrating user experience, particularly for fields like “Date of Birth,” where users might want to input the day before the month or year.
Steps to Reproduce the Bug or Issue
Add a DateInput component to a form;
Focus on the date input field and attempt to type 31 as the day before filling in the month or year;
Observe that the input automatically fills out 01, instead of 31.
Expected behavior
Users should be able to type day, month, and year in any order, including incomplete values (e.g., entering the day without specifying the month or year yet). The component should:
Allow partial input temporarily.
Validate only when all parts of the date are filled.
NextUI Version
2.4.8
Describe the bug
When using the DateInput component, inputting certain dates, such as “31” for the day, is impossible, unless the month field is filled out already.
This restriction creates a frustrating user experience, particularly for fields like “Date of Birth,” where users might want to input the day before the month or year.
Steps to Reproduce the Bug or Issue
Expected behavior
Users should be able to type day, month, and year in any order, including incomplete values (e.g., entering the day without specifying the month or year yet). The component should:
Screenshots or Videos
https://github.com/user-attachments/assets/84cdbd19-32be-45c3-a00e-a58d91cd0a0a
Operating System Version
macOS
Browser
Chrome