DateBox: Fix validation message not cleared when masked date returns to valid range (T1326750) (#33360)

Co-authored-by: Ruslan Farkhutdinov <ruslan.farkhutdinov@devexpress.com>

Author: r-farkhutdinov

packages/devextreme/js/__internal/ui/date_box/m_date_box.mask.ts

@@ -653,10 +653,16 @@ class DateBoxMask extends DateBoxBase {
     return (this._maskValue && this._maskValue.getTime()) !== (value && value.getTime());
   }
 
+  _hasEditorSpecificValidationError(): boolean {
+    const { isValid, validationError } = this.option();
+
+    return !isValid && Boolean(validationError?.editorSpecific);
+  }
+
   _fireChangeEvent() {
     this._clearSearchValue();
 
-    if (this._isValueDirty()) {
+    if (this._isValueDirty() || this._hasEditorSpecificValidationError()) {
       // @ts-expect-error
       eventsEngine.trigger(this._input(), 'change');
     }

packages/devextreme/testing/tests/DevExpress.ui.widgets.editors/datebox.mask.tests.js

@@ -1672,6 +1672,34 @@ module('Regression', () => {
 
         assert.strictEqual($input.val(), '12:34', 'both digits go to hours and minutes stay unchanged');
     });
+
+    QUnit.test('should be valid when date returns to valid range after out-of-range change (T1326750)', function(assert) {
+        const $dateBox = $('#dateBox').dxDateBox({
+            useMaskBehavior: true,
+            pickerType: 'calendar',
+            type: 'date',
+            displayFormat: 'dd-MM-yyyy',
+            value: new Date(2020, 2, 31),
+            min: new Date(2018, 3, 1),
+            max: new Date(2020, 2, 31),
+        });
+
+        const instance = $dateBox.dxDateBox('instance');
+        const $input = $dateBox.find(`.${TEXT_EDITOR_INPUT_CLASS}`);
+        const keyboard = keyboardMock($input, true);
+
+        keyboard.press('right').press('right');
+
+        keyboard.press('up');
+        keyboard.press('enter');
+
+        assert.strictEqual(instance.option('isValid'), false, 'should be invalid when year 2021 exceeds max date');
+
+        keyboard.press('down');
+        keyboard.press('enter');
+
+        assert.strictEqual(instance.option('isValid'), true, 'should be valid when year returns to 2020');
+    });
 });
 
 module('Caret moving', setupModule, () => {