v32.1.22 is released

Author: pipeline

controls/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 32.1.21 (2025-12-30)
+## 32.1.22 (2026-01-06)
 
 ### Barcode
 

controls/blockeditor/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 32.1.21 (2025-12-30)
+## 32.1.22 (2026-01-06)
 
 ### Block Editor
 

controls/blockeditor/spec/renderer/table.spec.ts

@@ -2150,24 +2150,29 @@ describe('Table Block', () => {
             }, 0);
         });
 
-        it('Table insert handles/hover lines hidden after applying addColumnAt', (done) => {
+        it('Table insert handles/hover lines hidden after applying addColumnAt (click + mouseleave)', (done) => {
             setupTable();
             const cell = domHelpers.query(editorElement, 'tbody tr td[role="gridcell"]');
             cell.dispatchEvent(new MouseEvent('mousemove', { bubbles: true }));
             domHelpers.query(editorElement, '.e-block .e-col-dot-hit').dispatchEvent(new MouseEvent('mouseenter', { bubbles: true }));
             const insert = domHelpers.query(editorElement, '.e-block .e-col-insert-handle') as HTMLElement;
             expect(insert.style.display !== 'none').toBe(true);
+            
             insert.dispatchEvent(new MouseEvent('click', { bubbles: true }));
-            setTimeout(() => {
-                const insert2 = domHelpers.query(editorElement, '.e-block .e-col-insert-handle') as HTMLElement;
-                const line = domHelpers.query(editorElement, '.e-block .e-col-hover-line') as HTMLElement;
-                expect(insert2.style.display === 'none' || insert2.style.display === '').toBe(true);
-                expect(line.style.display === 'none' || line.style.display === '').toBe(true);
-                done();
-            }, 0);
+            let insert2 = domHelpers.query(editorElement, '.e-block .e-col-insert-handle') as HTMLElement;
+            let line = domHelpers.query(editorElement, '.e-block .e-col-hover-line') as HTMLElement;
+            expect(insert2.style.display === 'none' || insert2.style.display === '').toBe(true);
+            expect(line.style.display === 'none' || line.style.display === '').toBe(true);
+
+            insert.dispatchEvent(new MouseEvent('mouseleave', { bubbles: true }));
+            insert2 = domHelpers.query(editorElement, '.e-block .e-col-insert-handle') as HTMLElement;
+            line = domHelpers.query(editorElement, '.e-block .e-col-hover-line') as HTMLElement;
+            expect(insert2.style.display === 'none' || insert2.style.display === '').toBe(true);
+            expect(line.style.display === 'none' || line.style.display === '').toBe(true);
+            done();
         });
 
-        it('Table insert handles/hover lines hidden after applying addRowAt', (done) => {
+        it('Table insert handles/hover lines hidden after applying addRowAt (click + mouseleave)', (done) => {
             setupTable();
             const firstDataCell = domHelpers.query(editorElement, 'tbody tr:first-child td[role="gridcell"]');
             firstDataCell.dispatchEvent(new MouseEvent('mousemove', { bubbles: true }));
@@ -2180,11 +2185,18 @@ describe('Table Block', () => {
             expect(insertHandle.style.display !== 'none').toBe(true);
             insertHandle.dispatchEvent(new MouseEvent('click', { bubbles: true }));
             setTimeout(() => {
-                const insertHandleAfter = domHelpers.query(editorElement, '.e-block .e-row-insert-handle') as HTMLElement;
-                const hoverLineAfter = domHelpers.query(editorElement, '.e-block .e-row-hover-line') as HTMLElement;
+                let insertHandleAfter = domHelpers.query(editorElement, '.e-block .e-row-insert-handle') as HTMLElement;
+                let hoverLineAfter = domHelpers.query(editorElement, '.e-block .e-row-hover-line') as HTMLElement;
                 expect(insertHandleAfter && (insertHandleAfter.style.display === 'none' || insertHandleAfter.style.display === '')).toBe(true);
                 expect(hoverLineAfter && (hoverLineAfter.style.display === 'none' || hoverLineAfter.style.display === '')).toBe(true);
-                done();
+                insertHandle.dispatchEvent(new MouseEvent('mouseleave', { bubbles: true }));
+                setTimeout(() => {
+                    insertHandleAfter = domHelpers.query(editorElement, '.e-block .e-row-insert-handle') as HTMLElement;
+                    hoverLineAfter = domHelpers.query(editorElement, '.e-block .e-row-hover-line') as HTMLElement;
+                    expect(insertHandleAfter && (insertHandleAfter.style.display === 'none' || insertHandleAfter.style.display === '')).toBe(true);
+                    expect(hoverLineAfter && (hoverLineAfter.style.display === 'none' || hoverLineAfter.style.display === '')).toBe(true);
+                    done();
+                }, 0);
             }, 0);
         });
 

controls/blockeditor/src/block-manager/plugins/table/ui-manager.ts

@@ -233,8 +233,6 @@ export class TableUIManager {
             this.rowInsertHandle.style.display = 'none';
             this.rowTopDot.style.visibility = '';
             this.rowBottomDot.style.visibility = '';
-            this.rowTopHit.style.display = 'block';
-            this.rowBottomHit.style.display = 'block';
         };
 
         this.rowTopHit.addEventListener('mouseenter', () => showRowLine('top'));
@@ -289,8 +287,6 @@ export class TableUIManager {
             this.colInsertHandle.style.display = 'none';
             this.colLeftDot.style.visibility = '';
             this.colRightDot.style.visibility = '';
-            this.colLeftHit.style.display = 'block';
-            this.colRightHit.style.display = 'block';
         };
 
         this.colLeftHit.addEventListener('mouseenter', () => showColLine('left'));

controls/calendars/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 32.1.21 (2025-12-30)
+## 32.1.19 (2025-12-16)
 
 ### DateRangePicker
 

controls/calendars/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-calendars",
-	"version": "32.1.1",
+	"version": "32.1.19",
 	"description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/calendars/spec/datepicker/datepicker.spec.ts

@@ -5678,4 +5678,29 @@ describe('DatePicker - Full Screen Layout in Mobile Mode', function () {
             expect(document.getElementsByClassName(' e-datepicker e-popup-wrapper')[0].classList.contains('e-popup-expand')).toBe(true);
         });
     });
+    describe('EJ2-69736', function () {
+        let datePicker: any;
+        beforeEach(function () {
+            let element: HTMLElement = createElement('input', { id: 'date' });
+            document.body.appendChild(element);
+        });
+        afterEach(function () {
+            if (datePicker) {
+                datePicker.destroy();
+            }
+            document.body.innerHTML = '';
+        });
+        it('Error class is not applied immediately when we set the max date dynamically', function () {
+            datePicker = new DatePicker({
+                value: new Date(2024, 11, 1)
+            });
+            datePicker.appendTo('#date');
+            datePicker.max = new Date('11/25/2024');
+            datePicker.dataBind();
+            expect(datePicker.inputWrapper.container.classList.contains("e-error")).toBe(true);
+            datePicker.max = null;
+            datePicker.dataBind();
+             expect(datePicker.inputWrapper.container.classList.contains("e-error")).toBe(false);
+        });
+    });
 });

controls/calendars/src/datepicker/datepicker.ts

@@ -2274,7 +2274,7 @@ export class DatePicker extends Calendar implements IInput {
         }
         if (label) {
             const labelWidth: number = (this.element.parentElement.offsetWidth) - width;
-            if (labelWidth) {
+            if (labelWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
                 label.style.width = `${labelWidth}px`;
             }
         }
@@ -2529,16 +2529,20 @@ export class DatePicker extends Calendar implements IInput {
                     }
                 }
                 break;
-            default:
-                if (this.calendarElement && this.isCalendar()) {
-                    super.onPropertyChanged(newProp, oldProp);
-                }
+            case 'min':
+            case 'max':
                 if (prop === 'min' && isNullOrUndefined(this.min)) {
                     this.min = new Date(1900, 0, 1);
                 }
                 if (prop === 'max' && isNullOrUndefined(this.max)) {
                     this.max = new Date(2099, 11, 31);
                 }
+                this.errorClass();
+                break;
+            default:
+                if (this.calendarElement && this.isCalendar()) {
+                    super.onPropertyChanged(newProp, oldProp);
+                }
                 break;
             }
             if (!this.isDynamicValueChanged) {

controls/calendars/src/daterangepicker/daterangepicker.ts

@@ -4588,7 +4588,7 @@ export class DateRangePicker extends CalendarBase {
         }
         if (label) {
             const labelWidth: number = (this.element.parentElement.offsetWidth) - width;
-            if (labelWidth) {
+            if (labelWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
                 label.style.width = `${labelWidth}px`;
             }
         }

controls/calendars/src/datetimepicker/datetimepicker.ts

@@ -2208,7 +2208,7 @@ export class DateTimePicker extends DatePicker {
         }
         if (label) {
             const labelWidth: number = (this.element.parentElement.offsetWidth) - width;
-            if (labelWidth) {
+            if (labelWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
                 label.style.width = `${labelWidth}px`;
             }
         }