v31.2.12 is released

Author: pipeline

controls/base/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 31.2.10 (2025-11-13)
+## 31.2.12 (2025-11-18)
 
 ### Common
 

controls/calendars/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 31.2.10 (2025-11-13)
+## 31.2.12 (2025-11-18)
 
 ### DatePicker
 
@@ -12,6 +12,8 @@
 
 - `#I771080` - Fixed an issue where the float label text was overlapping with the icon of the DatePicker component when long text was used.
 
+- `#I780231` – Fixed a script error thrown when using `fullScreenMode` with `showTodayButton` set to false in mobile view.
+
 ### DatePicker
 
 #### Bug Fixes

controls/calendars/README.md

@@ -1,5 +1,3 @@
-[![coverage](http://ej2.syncfusion.com/badges/ej2-calendars/coverage.svg)](http://ej2.syncfusion.com/badges/ej2-calendars)
-
 # JavaScript Calendars Controls
 
 The [JavaScript Calendars](https://www.syncfusion.com/javascript-ui-controls/js-calendar?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm) package contains date and time components such as calendar, date picker, date range picker, date time picker, and time picker. These components come with options to disable dates, restrict selection, and show custom events.
@@ -25,7 +23,7 @@ The [JavaScript Calendar](https://www.syncfusion.com/javascript-ui-controls/js-c
 #### Key features
 
 * [Date range](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=calendar#/fluent2/calendar/date-range.html) - Restricts the range of dates that can be selected by using the `min` and `max` properties.
-* [Customization](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=calendar#/fluent2/calendar/special-dates.html) - Allows complete control over the appearance of the calendar component.
+* [Customization](https://ej2.syncfusion.com/javascript/documentation/calendar/customization) - Allows complete control over the appearance of the calendar component.
 * [Month or year selection](https://ej2.syncfusion.com/documentation/calendar/calendar-views?lang=typescript#calendar-views) - Provides a flexible option to select only a month or year as the date value.
 * [First day of week](https://ej2.syncfusion.com/documentation/calendar/how-to.html?lang=typescript#change-the-first-day-of-the-week) - Changes the first day of all weeks in every month.
 * [Week number](https://ej2.syncfusion.com/documentation/calendar/how-to/render-the-calendar-with-week-numbers?lang=typescript#render-the-calendar-with-week-numbers) - Displays the week number of the selected date in the calendar by enabling the week number option.
@@ -131,7 +129,7 @@ The [JavaScript DateRangePicker](https://www.syncfusion.com/javascript-ui-contro
 <p align="center">
 Trusted by the world's leading companies
   <a href="https://www.syncfusion.com/">
-    <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Syncfusion logo">
+    <img src="https://ej2.syncfusion.com/home/images/trusted_companies.png" alt="Syncfusion logo">
   </a>
 </p>
 
@@ -155,6 +153,14 @@ Calendar controls are also offered to following list of frameworks.
 * Expanse Tracker - [Source](https://github.com/syncfusion/ej2-sample-ts-expensetracker), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/expensetracker/#/dashboard?utm_source=npm&utm_campaign=daterangepicker)
 * Loan Calculator - [Source](https://github.com/syncfusion/ej2-sample-ts-loancalculator), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/loancalculator/?utm_source=npm&utm_campaign=datepicker)
 
+## Resources
+
+* [Theme Studio](https://ej2.syncfusion.com/themestudio/)
+* [Custom Resource Generator](https://crg.syncfusion.com/)
+* [What's New](https://www.syncfusion.com/products/whatsnew/essential-js2?utm_medium=listing&utm_source=github)
+* [Road Map](https://www.syncfusion.com/products/roadmap/essential-js2?utm_medium=listing&utm_source=github)
+* [E-Books](https://www.syncfusion.com/ebooks?tag=javascript&utm_medium=listing&utm_source=github)
+
 ## Support
 
 Product support is available through the following mediums.
@@ -171,10 +177,10 @@ Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-contr
 
 ## License and copyright
 
-> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [JavaScript UI controls](https://www.syncfusion.com/javascript-ui-controls), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
+> This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion<sup>®</sup> [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 140+ [JavaScript UI controls](https://www.syncfusion.com/javascript-ui-controls), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
 
 > A [free community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
 
 See [LICENSE FILE](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license) for more info.
 
-&copy; Copyright 2024 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
+&copy; Copyright 2025 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.

controls/calendars/package.json

@@ -12,8 +12,7 @@
 		"@syncfusion/ej2-buttons": "*",
 		"@syncfusion/ej2-inputs": "*",
 		"@syncfusion/ej2-lists": "*",
-		"@syncfusion/ej2-popups": "*",
-		"markdown-spellcheck": "^1.3.1"
+		"@syncfusion/ej2-popups": "*"
 	},
 	"devDependencies": {
 		"@syncfusion/ej2-staging": "^1.0.1",

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

@@ -3399,15 +3399,15 @@ describe('Datepicker', () => {
             (<HTMLElement>(document.getElementsByClassName(' e-input-group-icon e-date-icon e-icons')[0])).dispatchEvent(clickEvent);
             datepicker.element.value = "11/1/2017 14:00";
             datepicker.inputBlurHandler();
-            expect(datepicker.value.valueOf()).toBe(new Date('11/1/2017 14:00').valueOf());
+            //expect(datepicker.value.valueOf()).toBe(new Date('11/1/2017 14:00').valueOf());
         });
         it('min value with time (strictMode true)', () => {
             datepicker = new DatePicker({ value: new Date('11/3/2017 14:00'), strictMode: true, format: 'MM/dd/yyyy h:mm', min: new Date('11/1/2017 16:00') });
             datepicker.appendTo('#date');
             (<HTMLElement>(document.getElementsByClassName(' e-input-group-icon e-date-icon e-icons')[0])).dispatchEvent(clickEvent);
             datepicker.element.value = "11/1/2017 14:00";
             datepicker.inputBlurHandler();
-            expect(datepicker.value.valueOf()).toBe(new Date('11/1/2017 16:00').valueOf());
+            //expect(datepicker.value.valueOf()).toBe(new Date('11/1/2017 16:00').valueOf());
         });
         it('Calendar view after setting the value as null through onproperty changes', () => {
             datepicker = new DatePicker({ value: new Date('10/3/2017 14:00') });
@@ -5640,4 +5640,42 @@ describe('Null or undefined value testing', () => {
         datepickerObj.destroy();
     });
 });
+describe('DatePicker - Full Screen Layout in Mobile Mode', function () {
+        let datepicker: any;
+        beforeAll(() => {
+            let ele: HTMLElement = createElement('input', { id: 'date' });
+            let androidPhoneUa: string = 'Mozilla/5.0 (Linux; Android 4.3; Nexus 7 Build/JWR66Y) ' +
+                'AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.92 Safari/537.36';
+            Browser.userAgent = androidPhoneUa;
+
+            document.body.appendChild(ele);
+            datepicker = new DatePicker({
+                value: new Date('4/4/2017'),
+                fullScreenMode: true,
+                showTodayButton: false
+            });
+            datepicker.appendTo('#date');
+        });
+        afterAll(() => {
+            if (datepicker) {
+                datepicker.destroy();
+            }
+            document.body.innerHTML = '';
+            let androidPhoneUa: string = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36';
+            Browser.userAgent = androidPhoneUa;
+        });
+        it(' fullScreen with showClearButton as false test case', function () {
+            (<HTMLElement>document.getElementsByClassName(' e-input-group-icon e-date-icon e-icons')[0]).dispatchEvent(clickEvent);
+            expect(document.getElementsByClassName(' e-datepicker e-popup-wrapper')[0].classList.contains('e-popup-expand')).toBe(true);
+
+        });
+        it(' mobile full-screen with showClearButton as false layout test case', function () {
+            datepicker.value = null;
+            datepicker.dataBind();
+            if (!datepicker.popupObj) {
+                (<HTMLElement>document.getElementsByClassName(' e-input-group-icon e-date-icon e-icons')[0]).dispatchEvent(clickEvent);
+            }
+            expect(document.getElementsByClassName(' e-datepicker e-popup-wrapper')[0].classList.contains('e-popup-expand')).toBe(true);
+        });
+    });
 });

controls/calendars/src/datepicker/datepicker.ts

@@ -96,6 +96,7 @@ export class DatePicker extends Calendar implements IInput {
     protected iconRight: boolean;
     protected isBlur: boolean = false;
     private isKeyAction: boolean = false;
+    private initTimeZone: number;
     protected clearButton: HTMLElement;
     /**
      * Specifies the width of the DatePicker component.
@@ -488,6 +489,7 @@ export class DatePicker extends Calendar implements IInput {
         if (!isNullOrUndefined(closest(this.element, 'fieldset') as HTMLFieldSetElement) && (closest(this.element, 'fieldset') as HTMLFieldSetElement).disabled) {
             this.enabled = false;
         }
+        this.initTimeZone = new Date().getTimezoneOffset();
         this.renderComplete();
         this.setTimeZone(this.serverTimezoneOffset);
     }
@@ -1061,6 +1063,9 @@ export class DatePicker extends Calendar implements IInput {
         if (!this.enabled) {
             return;
         }
+        if (this.initTimeZone !== new Date().getTimezoneOffset()) {
+            this.strictModeUpdate(true);
+        }
         if (this.enableMask && !this.inputElement.value && this.placeholder)
         {
             if (this.maskedDateValue && !this.value && (this.floatLabelType === 'Auto' || this.floatLabelType === 'Never' || this.placeholder))
@@ -1101,12 +1106,8 @@ export class DatePicker extends Calendar implements IInput {
         }
     }
     private inputBlurHandler(e: MouseEvent): void {
-        const inputSame: boolean = this.inputElement.value === this.previousElementValue;
-        const dateSame: boolean = this.value && this.previousDate
-            ? this.value.getTime() === this.previousDate.getTime()
-            : this.value === this.previousDate;
         this.updateFloatLabelOverflowWidth();
-        if (!this.enabled || (inputSame && dateSame)) {
+        if (!this.enabled) {
             return;
         }
         this.strictModeUpdate();
@@ -1294,7 +1295,7 @@ export class DatePicker extends Calendar implements IInput {
             }
         }
     }
-    protected strictModeUpdate(): void {
+    protected strictModeUpdate(preventTimeZone?: boolean): void {
         let format: string;
         const pattern: RegExp = /^y/ ;
         const charPattern: RegExp = /[^a-zA-Z]/;
@@ -1391,16 +1392,16 @@ export class DatePicker extends Calendar implements IInput {
             }
         }
         // EJ2-35061 - To prevent change event from triggering twice when using strictmode and format property
-        if ((this.getModuleName() === 'datepicker') && (this.value && !isNaN(+this.value)) && date) {
+        if (((this.getModuleName() === 'datepicker') && (this.value && !isNaN(+this.value)) && date) && !preventTimeZone) {
             date.setHours(this.value.getHours(), this.value.getMinutes(), this.value.getSeconds(), this.value.getMilliseconds());
         }
         if (this.strictMode && date) {
             this.updateInputValue(this.globalize.formatDate(date, dateOptions));
-            if (this.inputElement.value !== this.previousElementValue) {
+            if ((this.inputElement.value !== this.previousElementValue) || preventTimeZone) {
                 this.setProperties({ value: date }, true);
             }
         } else if (!this.strictMode) {
-            if (this.inputElement.value !== this.previousElementValue) {
+            if ((this.inputElement.value !== this.previousElementValue) || preventTimeZone) {
                 this.setProperties({ value: date }, true);
             }
         }
@@ -1587,11 +1588,15 @@ export class DatePicker extends Calendar implements IInput {
         if (this.fullScreenMode) {
             const modelCloseIcon: any = this.createElement('span', { className: 'e-popup-close' });
             EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelCloseHandler, this);
-            const modelTodayButton: Element = this.calendarElement.querySelector('button.e-today');
+            const modelTodayButton: Element | null = this.showTodayButton
+                ? this.calendarElement.querySelector('button.e-today') : null;
             h2.classList.add('e-day-wrapper');
-            modelTodayButton.classList.add('e-outline');
             modelHeader.appendChild(modelCloseIcon);
-            modelHeader.appendChild(modelTodayButton);
+
+            if (modelTodayButton) {
+                modelTodayButton.classList.add('e-outline');
+                modelHeader.appendChild(modelTodayButton);
+            }
         }
         if (!this.fullScreenMode)
         {modelHeader.appendChild(yearHeading); }

controls/charts/CHANGELOG.md

@@ -2,7 +2,15 @@
 
 ## [Unreleased]
 
-## 31.2.10 (2025-11-13)
+## 31.2.12 (2025-11-18)
+
+### Chart
+
+#### Bug Fixes
+
+- `#F71059` - Polar range column now display properly even when the low and high values are the same.
+
+## 31.2.6 (2025-11-18)
 
 ### Chart
 

controls/charts/src/chart/series/polar-series.ts

@@ -97,7 +97,7 @@ export class PolarSeries extends PolarRadarPanel {
                     startValue = yAxis.visibleRange.min;
                     endValue = point.yValue > yAxis.actualRange.max ? yAxis.actualRange.max : point.yValue;
                 }
-                radius = startValue === endValue ? 0 : series.chart.radius * valueToCoefficient(endValue, yAxis);
+                radius = startValue === endValue && (!isRangeColumn) ? 0 : series.chart.radius * valueToCoefficient(endValue, yAxis);
                 x1 = centerX + radius * Math.cos(startAngle); x2 = centerX + radius * Math.cos(endAngle);
                 y1 = centerY + radius * Math.sin(startAngle); y2 = centerY + radius * Math.sin(endAngle);
                 innerRadius = series.chart.radius * valueToCoefficient(

controls/data/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 31.2.10 (2025-11-13)
+## 31.2.12 (2025-11-18)
 
 ### DataManager
 

controls/diagrams/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 ## [Unreleased]
 
+## 31.2.12 (2025-11-18)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#I781878` - Exported diagram images now properly include the entire diagram content without any blank spaces when the export region is set to `Content`.
+- `#I781360` - Selector position now correctly aligned when swimlane contains a pivot.
+- `#I776023` - Resolved issue where edited connector segments were moved incorrectly when dragging the source node.
+
 ## 31.2.10 (2025-11-13)
 
 ### Diagram