STSMACOM-880: DateRangeFilter - set the wrongDatesOrder to `false…

…` when the field value changes. (#1546)

(cherry picked from commit 93b1068)

CHANGELOG.md

@@ -3,6 +3,7 @@
 ## 9.2.6
 
 * Use `<IfAnyPermission>` and `stripes.hasAnyPerm` to check for Notes assign/unassign perm. Fixes STSMACOM-875.
+* `DateRangeFilter` - set the `wrongDatesOrder` to `false` when the field value changes. Fixes STSMACOM-880.
 
 ## [9.2.5](https://github.com/folio-org/stripes-smart-components/tree/v9.2.5) (2024-12-05)
 [Full Changelog](https://github.com/folio-org/stripes-smart-components/compare/v9.2.4...v9.2.5)

lib/SearchAndSort/components/DateRangeFilter/DateRangeFilter.js

@@ -169,6 +169,7 @@ const TheComponent = ({
       ...filterValue,
       errors: {
         ...filterValue.errors,
+        wrongDatesOrder: false, // dates order is validated only when the "Apply" button is clicked, not when the field value is changed
         [errorName]: dateIsInvalid
       },
       selectedValues: newSelectedValues

lib/SearchAndSort/components/DateRangeFilter/tests/DateRangeFilter-test.js

@@ -144,6 +144,15 @@ describe('DateRangeFilter', () => {
       it('should display corresponding error below the filter', () => ErrorInteractor('Start date is greater than end date').exists());
 
       it('should not apply the filter', () => converge(() => { if (onChangeHandler.called) throw Error('expected onChangeHandler to not be called!'); }));
+
+      describe('and then both dates were cleared', () => {
+        beforeEach(async () => {
+          await startPicker.fillIn('');
+          await endPicker.fillIn('');
+        });
+
+        it('should not display an error below the filter', () => ErrorInteractor('Start date is greater than end date').absent());
+      });
     });
 
     describe('when date range is correct and "Apply" button was clicked', () => {