You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When utilizing the ngx-bootstrap Datepicker component and setting minimum and maximum date constraints, an issue arises where the input field incorrectly resets to the respective boundary dates if the user enters a date outside of the allowable range. Despite the reset, the ng-invalid class remains applied to the input, indicating its invalid state. Consequently, users are required to re-enter a valid date and reselect the selected date.
This behavior stems from a failure to detect changes after a new value has been inputted into the datepicker, leading to inconsistent validation and usability issues.
To Reproduce:
Set min and max dates for the ngx-bootstrap Datepicker.
Enter a date outside of the specified range.
Observe the input field resetting to the respective min/max dates while retaining the ng-invalid class.
Versions of ngx-bootstrap, Angular:
ngx-bootstrap: 12.0.0
Angular: 17.1.4
Expected Behavior:
Entering a date beyond the specified range should prompt a validation error without resetting the input field.
The input field should accurately reflect its validity state based on the entered date and the specified constraints.
Users should be able to adjust the date to a valid value without the need for additional steps such as reselecting min/max dates.
Additional Context:
This issue significantly impacts user experience, particularly when working with date-sensitive applications or forms where accurate date input and validation are crucial. Resolving this bug would enhance the reliability and usability of the ngx-bootstrap Datepicker component.
Bug description:
When utilizing the ngx-bootstrap Datepicker component and setting minimum and maximum date constraints, an issue arises where the input field incorrectly resets to the respective boundary dates if the user enters a date outside of the allowable range. Despite the reset, the ng-invalid class remains applied to the input, indicating its invalid state. Consequently, users are required to re-enter a valid date and reselect the selected date.
This behavior stems from a failure to detect changes after a new value has been inputted into the datepicker, leading to inconsistent validation and usability issues.
To Reproduce:
Versions of ngx-bootstrap, Angular:
ngx-bootstrap: 12.0.0
Angular: 17.1.4
Expected Behavior:
Entering a date beyond the specified range should prompt a validation error without resetting the input field.
The input field should accurately reflect its validity state based on the entered date and the specified constraints.
Users should be able to adjust the date to a valid value without the need for additional steps such as reselecting min/max dates.
Additional Context:
This issue significantly impacts user experience, particularly when working with date-sensitive applications or forms where accurate date input and validation are crucial. Resolving this bug would enhance the reliability and usability of the ngx-bootstrap Datepicker component.
Here is a screen recording of this bug:
https://github.com/valor-software/ngx-bootstrap/assets/28129578/1767ca65-4787-47d0-8100-068c415cd5cf
Note
This bug can be reproduced on https://valor-software.com/ngx-bootstrap/#/components/datepicker?tab=overview
The text was updated successfully, but these errors were encountered: