v28.2.11 is released

Author: pipeline

controls/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 28.2.9 (2025-03-04)
+## 28.2.11 (2025-03-11)
 
 ### Barcode
 

controls/barcodegenerator/README.md

@@ -33,7 +33,7 @@ npm install @syncfusion/ej2-barcode-generator
 
 Barcode control is also offered in the following list of frameworks.
 
-| [<img src="https://ej2.syncfusion.com/github/images/angular.svg" height="50" />](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Angular](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/react.svg"  height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | 
+| [<img src="https://ej2.syncfusion.com/github/images/angular-new.svg" height="50" />](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Angular](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/react.svg"  height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | 
 | :-----: | :-----: | :-----: | :-----: | :-----: |
 
 ## Showcase samples

controls/base/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 28.2.9 (2025-03-04)
+## 28.2.11 (2025-03-11)
 
 ### Common
 

controls/buttons/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 28.2.9 (2025-03-04)
+## 28.2.11 (2025-03-11)
 
 ### Button
 

controls/calendars/CHANGELOG.md

@@ -2,6 +2,26 @@
 
 ## [Unreleased]
 
+## 28.2.11 (2025-03-11)
+
+### TimePicker
+
+#### Bug Fixes
+
+- `#F196127` - Fixed an issue where the change event was not triggered correctly upon the second update of time using the keyboard.
+
+### DatePicker
+
+#### Bug Fixes
+
+- `#FD65170` - Fixed an issue where the day of the week value was not displayed correctly when using `ccc` in the date format.
+
+### DateTimePicker
+
+#### Bug Fixes
+
+- `#FD65170` - Fixed an issue where the day of the week value was not displayed correctly when using `ccc` in the date format.
+
 ## 28.2.9 (2025-03-04)
 
 ### DateRangePicker

controls/calendars/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-calendars",
-	"version": "28.2.7",
+	"version": "28.2.9",
 	"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

@@ -4430,6 +4430,22 @@ describe('Masked DatePicker', () => {
             expect(datepicker.element.value).toBe('day/month/year day of the week');
             expect(datepicker.value).toBe(null);
         });
+	it('with format property - 6', () => {
+            let inputEle: HTMLElement = createElement('input', { id: 'datepicker' });
+            document.body.appendChild(inputEle);
+            datepicker = new DatePicker({enableMask: true , format: "dd'.'ccc'.'MMM'.'yyyy"});
+            datepicker.appendTo('#datepicker');
+            expect(datepicker.element.value).toBe('day.day of the week.month.year');
+            expect(datepicker.value).toBe(null);
+        });
+        it('with format property - 7', () => {
+            let inputEle: HTMLElement = createElement('input', { id: 'datepicker' });
+            document.body.appendChild(inputEle);
+            datepicker = new DatePicker({enableMask: true , format: "dd'.'cccc'.'MMM'.'yyyy"});
+            datepicker.appendTo('#datepicker');
+            expect(datepicker.element.value).toBe('day.day of the week.month.year');
+            expect(datepicker.value).toBe(null);
+        });
         it('Focusing the component', () => { 
             let inputEle: HTMLElement = createElement('input', { id: 'datepicker' });
             document.body.appendChild(inputEle);
@@ -5600,4 +5616,4 @@ describe('Null or undefined value testing', () => {
         datepickerObj.destroy();
     });
 });
-});
+});

controls/calendars/spec/datetimepicker/datetimepicker.spec.ts

@@ -3506,6 +3506,22 @@ describe('Datetimepicker', () => {
             expect(datetimepicker.element.value).toBe('day/month/year day of the week');
             expect(datetimepicker.value).toBe(null);
         });
+	it('With format property - 6 ', () => {
+            let inputEle: HTMLElement = createElement('input', { id: 'datetimepicker' });
+            document.body.appendChild(inputEle);
+            datetimepicker = new DateTimePicker({enableMask: true , format: "dd'.'ccc'.'MMM'.'yyyy' 'HH':'mm':'ss"});
+            datetimepicker.appendTo('#datetimepicker');
+            expect(datetimepicker.element.value).toBe('day.day of the week.month.year hour:minute:second');
+            expect(datetimepicker.value).toBe(null);
+        });
+        it('with format property - 7', () => {
+            let inputEle: HTMLElement = createElement('input', { id: 'datetimepicker' });
+            document.body.appendChild(inputEle);
+            datetimepicker = new DateTimePicker({enableMask: true , format: "dd'.'cccc'.'MMM'.'yyyy' 'HH':'mm':'ss"});
+            datetimepicker.appendTo('#datetimepicker');
+            expect(datetimepicker.element.value).toBe('day.day of the week.month.year hour:minute:second');
+            expect(datetimepicker.value).toBe(null);
+        });
         // it('Clear button', () => { 
         //     let inputEle: HTMLElement = createElement('input', { id: 'datetimepicker' });
         //     document.body.appendChild(inputEle);

controls/calendars/src/daterangepicker/daterangepicker.ts

@@ -1621,7 +1621,7 @@ export class DateRangePicker extends CalendarBase {
     }
 
     private getStartEndDate(date: Date, isEnd: boolean): Date {
-        if (this.currentView() === 'Year' && !isNullOrUndefined(date)) {
+        if ((this.currentView() === 'Year' && !isNullOrUndefined(date)) || this.depth === 'Year') {
             return new Date(date.getFullYear(), date.getMonth() + (isEnd ? 1 : 0), isEnd ? 0 : 1);
         } else if (this.currentView() === 'Decade' && !isNullOrUndefined(date)) {
             return new Date(date.getFullYear(), isEnd ? 11 : 0, isEnd ? 31 : 1);

controls/calendars/src/maskbase/masked-date-time.ts

@@ -48,7 +48,7 @@ export class MaskedDateTime {
     private isNavigate : boolean = false;
     private navigated : boolean = false;
     private isBlur : boolean = false;
-    private formatRegex : RegExp = /EEEEE|EEEE|EEE|EE|E|dddd|ddd|dd|d|MMMM|MMM|MM|M|yyyy|yyy|yy|y|HH|H|hh|h|mm|m|fff|ff|f|aa|a|ss|s|zzzz|zzz|zz|z|'[^']*'|'[^']*'/g;
+    private formatRegex : RegExp = /EEEEE|EEEE|EEE|EE|E|cccc|ccc|dddd|ddd|dd|d|MMMM|MMM|MM|M|yyyy|yyy|yy|y|HH|H|hh|h|mm|m|fff|ff|f|aa|a|ss|s|zzzz|zzz|zz|z|'[^']*'|'[^']*'/g;
     private isDeletion: boolean = false;
     private isShortYear: boolean = false;
     private isDeleteKey: boolean = false;
@@ -576,9 +576,11 @@ export class MaskedDateTime {
             case 'E' :
             case 'EE':
             case 'EEE':
+            case 'ccc':
                 result = proxy.isDayPart && proxy.isMonthPart && proxy.isYearPart ? daysAbbreviated[dayKeyAbbreviated[proxy.maskDateValue.getDay()]].toString() :  proxy.defaultConstant['dayOfTheWeek'].toString();
                 break;
             case 'EEEE':
+            case 'cccc':
                 result = proxy.isDayPart && proxy.isMonthPart && proxy.isYearPart ? daysWide[dayKeyWide[proxy.maskDateValue.getDay()]].toString() :  proxy.defaultConstant['dayOfTheWeek'].toString();
                 break;
             case 'EEEEE':