DateBox: Fix value update validation when useMaskBehavior is used (T1296990) (DevExpress#30271)

Co-authored-by: Ruslan Farkhutdinov <[email protected]>

Author: r-farkhutdinov

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

@@ -482,6 +482,7 @@ const DateBoxMask = DateBoxBase.inherit({
     const limits = this._getActivePartLimits();
     const maxLimitLength = String(limits.max).length;
 
+    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
     return ((zeroes && zeroes[0] || '') + String(value)).substr(-maxLimitLength);
   },
 
@@ -514,12 +515,17 @@ const DateBoxMask = DateBoxBase.inherit({
 
   _saveMaskValue() {
     const value = this._maskValue && new Date(this._maskValue);
-    if (value && this.option('type') === 'date') {
+    const { type } = this.option();
+
+    if (value && type === 'date') {
       value.setHours(0, 0, 0, 0);
     }
 
     this._initialMaskValue = new Date(value);
-    this.dateOption('value', value);
+
+    if (this._applyInternalValidation(value).isValid) {
+      this.dateOption('value', value);
+    }
   },
 
   _revertChanges() {

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

@@ -1578,6 +1578,22 @@ module('Options changed', setupModule, () => {
 });
 
 module('Regression', () => {
+    QUnit.test('onValueChanged should not be fired when input is invalid and useMaskBehavior is enabled (T1296990)', function(assert) {
+        const valueChangedHandler = sinon.spy();
+
+        const $element = $('#dateBox').dxDateBox({
+            useMaskBehavior: true,
+            onValueChanged: valueChangedHandler,
+            max: new Date('07/02/2025'),
+        });
+
+        const $input = $element.find('.dx-texteditor-input');
+
+        $input.val('10/10/2025').change();
+
+        assert.strictEqual(valueChangedHandler.callCount, 0, 'onValueChanged is not fired');
+    });
+
     QUnit.test('should paste text if value was not initialized (T715236)', function(assert) {
         const $input = $('#dateBox')
             .dxDateBox({