v28.1.41 is released

Author: pipeline

controls/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 28.1.39 (2024-01-14)
+## 28.1.41 (2025-01-21)
 
 ### Barcode
 

controls/buttons/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 28.1.39 (2024-01-14)
+## 28.1.41 (2025-01-21)
 
 ### Switch
 

controls/calendars/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 28.1.41 (2025-01-21)
+
+### DatePicker
+
+#### Bug Fixes
+
+- `#I675886` - Fixed an issue where values were not updated correctly when a mask was configured.
+
 ## 28.1.39 (2024-01-14)
 
 ### DateRangePicker
@@ -1211,4 +1219,4 @@ TimePicker component is the pre-filled dropdown list with the time values 12/24
 
 - **StrictMode** - Allows to entering the only valid time in a textbox.
 
-- **Accessibility** - Provided with built-in accessibility support which helps to access all the TimePicker component features through the keyboard, screen readers, or other assistive technology devices.
+- **Accessibility** - Provided with built-in accessibility support which helps to access all the TimePicker component features through the keyboard, screen readers, or other assistive technology devices.

controls/calendars/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-calendars",
-	"version": "28.1.37",
+	"version": "28.1.39",
 	"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/src/maskbase/masked-date-time.ts

@@ -328,7 +328,8 @@ export class MaskedDateTime {
                     return;
                 }
                 this.isDayPart = true;
-                this.dayTypeCount = this.dayTypeCount + 1;
+                const maxDaysInMonth: number = new Date(newDateValue.getFullYear(), newDateValue.getMonth() + 1, 0).getDate();
+                this.dayTypeCount += (this.dayTypeCount === 0 && (parseInt(date + '0', 10) > maxDaysInMonth)) ? 2 : 1;
             } else {
                 this.isDayPart = false;
                 this.dayTypeCount = this.isDateZero ? this.dayTypeCount + 1 : this.dayTypeCount;
@@ -450,7 +451,7 @@ export class MaskedDateTime {
             newDateValue.setHours(Math.floor(newDateValue.getHours() / 12) * 12 + (this.hour % 12));
             this.isNavigate = this.hour.toString().length === 2;
             this.isHourPart = true;
-            this.hourTypeCount = this.hourTypeCount + 1;
+            this.hourTypeCount = (this.hourTypeCount === 0 && this.hour && (parseInt(this.hour + '0', 10) > 12)) ? 2 : this.hourTypeCount + 1;
             break;
         case 'H':
             this.hour = (this.isHourPart && newDateValue.getHours().toString().length < 2 &&
@@ -466,7 +467,7 @@ export class MaskedDateTime {
             newDateValue.setHours(this.hour);
             this.isNavigate = this.hour.toString().length === 2;
             this.isHourPart = true;
-            this.hourTypeCount = this.hourTypeCount + 1;
+            this.hourTypeCount = (this.hourTypeCount === 0 && this.hour && (parseInt(this.hour + '0', 10) > 23)) ? 2 : this.hourTypeCount + 1;
             break;
         case 'm':
         {
@@ -483,7 +484,7 @@ export class MaskedDateTime {
             newDateValue.setMinutes(minutes);
             this.isNavigate = minutes.toString().length === 2;
             this.isMinutePart = true;
-            this.minuteTypeCount = this.minuteTypeCount + 1;
+            this.minuteTypeCount = (this.minuteTypeCount === 0 && (parseInt(minutes + '0', 10) > 59)) ? 2 : this.minuteTypeCount + 1;
             break;
         }
         case 's':
@@ -501,7 +502,7 @@ export class MaskedDateTime {
             newDateValue.setSeconds(seconds);
             this.isNavigate = seconds.toString().length === 2;
             this.isSecondsPart = true;
-            this.secondTypeCount = this.secondTypeCount + 1;
+            this.secondTypeCount = (this.secondTypeCount === 0 && (parseInt(seconds + '0', 10) > 59)) ? 2 : this.secondTypeCount + 1;
             break;
         }
         case 'a':

controls/charts/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 ## [Unreleased]
 
+## 28.1.41 (2025-01-21)
+
+### Chart
+
+#### Bug Fixes
+
+- `#I651775` - The data label position for the stacked column now renders properly.
+- `#F195744` - The tooltip for the stacking column series now renders properly during keyboard navigation.
+
+### Bullet Chart
+
+#### Bug Fixes
+
+- `#I676482` - The bullet chart will render properly even when the range is set to empty.
+
 ## 28.1.39 (2024-01-14)
 
 ### Chart

controls/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-charts",
-	"version": "28.1.38",
+	"version": "28.1.39",
 	"description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/charts/spec/chart/series/stacking-column-series.spec.ts

@@ -1896,15 +1896,17 @@ describe('Chart Control', () => {
             loaded = function (args) {
                 let legendElement = document.getElementById('container_Series_0_Point_0_Text_0').getAttribute('x');
                 let legendElement1 = document.getElementById('container_Series_1_Point_0_Text_0').getAttribute('x');
-                expect(legendElement).toBe('36.4');
-                expect(legendElement1).toBe('36.4');
+                expect(legendElement).toBe('16');
+                expect(legendElement1).toBe('16');
                 legendElement = document.getElementById('container_Series_0_Point_0_Text_0').getAttribute('y');
                 legendElement1 = document.getElementById('container_Series_1_Point_0_Text_0').getAttribute('y');
-                expect(legendElement).toBe('336.3104248046875');
-                expect(legendElement1).toBe('322.5380078125');
+                expect(legendElement).toBe('132.31040954589844');
+                expect(legendElement1).toBe('127.8333958943685');
                 done();
             };
             chartObj.loaded = loaded;
+            chartObj.height = '240px';
+            chartObj.width = '336px';
             chartObj.refresh();
         });
     });

controls/charts/src/bullet-chart/bullet-chart.ts

@@ -660,7 +660,7 @@ export class BulletChart extends Component<HTMLElement> implements INotifyProper
         if (!this.minimum) {
             this.minimum = 0;
         }
-        if (!this.maximum) {
+        if (!this.maximum && this.ranges.length) {
             this.maximum = 0;
             for (let i: number = 0; i < this.ranges.length; i++) {
                 this.maximum = this.maximum > this.ranges[i as number].end ? this.maximum : this.ranges[i as number].end;

controls/charts/src/chart/chart.ts

@@ -3647,8 +3647,10 @@ export class Chart extends Component<HTMLElement> implements INotifyPropertyChan
                 const pointIndex: number = +(targetId.split('_Series_')[1].replace('_Symbol', '').split('_Point_')[1]);
                 const pointRegion: ChartLocation = this.visibleSeries[seriesIndex as number].points[pointIndex as number].
                     symbolLocations[0];
-                this.mouseX = pointRegion.x + this.initialClipRect.x;
-                this.mouseY = pointRegion.y + this.initialClipRect.y;
+                this.mouseX = pointRegion.x + this.initialClipRect.x - (this.visibleSeries[seriesIndex as number].type.indexOf('StackingBar') > -1 ?
+                    this.visibleSeries[seriesIndex as number].marker.height / 2 : 0);
+                this.mouseY = pointRegion.y + this.initialClipRect.y + (this.visibleSeries[seriesIndex as number].type.indexOf('StackingColumn') > -1 ?
+                    this.visibleSeries[seriesIndex as number].marker.height / 2 : 0);
                 if (this.highlightModule) {
                     this.highlightModule.highlightChart(document.getElementById(targetId), 'mousemove');
                     this.highlightModule.completeSelection(document.getElementById(targetId), 'mousemove');