@syncfusion/ej2-calendars 28.2.7 → 28.2.11

package/dist/es6/ej2-calendars.es2015.js

@@ -6295,7 +6295,12 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                     this.invalidValueString = null;
                     const dateOptions = { format: this.formatString, type: 'date', skeleton: 'yMd' };
                     const startDate = this.globalize.parseDate(this.getAmPmValue(range[0]).trim(), dateOptions);
-                    const endDate = this.globalize.parseDate(this.getAmPmValue(range[1]).trim(), dateOptions);
+                    let endDate = this.globalize.parseDate(this.getAmPmValue(range[1]).trim(), dateOptions);
+                    if (this.start !== 'Decade' && this.start === 'Year' && this.depth !== 'Month') {
+                        if (this.inputElement.defaultValue !== value) {
+                            endDate = this.getStartEndDate(endDate, true);
+                        }
+                    }
                     if (!isNullOrUndefined(startDate) && !isNaN(+startDate) && !isNullOrUndefined(endDate) && !isNaN(+endDate)) {
                         const prevStartVal = this.startValue;
                         this.startValue = startDate;
@@ -6368,7 +6373,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         this.updateHiddenInput();
     }
     getStartEndDate(date, isEnd) {
-        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)) {
@@ -7056,10 +7061,10 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
         }
         const y = date.getFullYear();
         const m = date.getMonth();
-        const firstDay = isValue ? new Date(y, m, startDateValue.getDate(), startDateValue.getHours(), startDateValue.getMinutes(), startDateValue.getSeconds()) : new Date(y, m, 1);
-        const lastDay = isValue ? new Date(y, m, endDateValue.getDate(), endDateValue.getHours(), endDateValue.getMinutes(), endDateValue.getSeconds()) : new Date(y, m + 1, 0);
-        const firstMonth = isValue ? new Date(y, startDateValue.getMonth(), startDateValue.getDate(), startDateValue.getHours(), startDateValue.getMinutes(), startDateValue.getSeconds()) : new Date(y, 0, 1);
-        const lastMonth = isValue ? new Date(y, endDateValue.getMonth(), endDateValue.getDate(), endDateValue.getHours(), endDateValue.getMinutes(), endDateValue.getSeconds()) : new Date(y, 11, 31);
+        const firstDay = isValue && this.start !== 'Year' ? new Date(y, m, startDateValue.getDate(), startDateValue.getHours(), startDateValue.getMinutes(), startDateValue.getSeconds()) : new Date(y, m, 1);
+        const lastDay = isValue && this.start !== 'Year' ? new Date(y, m, endDateValue.getDate(), endDateValue.getHours(), endDateValue.getMinutes(), endDateValue.getSeconds()) : new Date(y, m + 1, 0);
+        const firstMonth = isValue && this.start !== 'Year' ? new Date(y, startDateValue.getMonth(), startDateValue.getDate(), startDateValue.getHours(), startDateValue.getMinutes(), startDateValue.getSeconds()) : new Date(y, 0, 1);
+        const lastMonth = isValue && this.start !== 'Year' ? new Date(y, endDateValue.getMonth(), endDateValue.getDate(), endDateValue.getHours(), endDateValue.getMinutes(), endDateValue.getSeconds()) : new Date(y, 11, 31);
         if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue)) {
             if (!this.isMobile || this.isMobile && !this.endButton.element.classList.contains(ACTIVE$1)) {
                 this.removeSelection();
@@ -11117,8 +11122,9 @@ let TimePicker = class TimePicker extends Component {
         }
         else {
             if (!isNavigation) {
-                if ((this.prevValue !== this.inputElement.value) || isNullOrUndefined(this.checkDateValue(this.value))) {
-                    this.valueProcess(event, this.compareFormatChange(this.inputElement.value));
+                const value = this.compareFormatChange(this.inputElement.value);
+                if ((+this.prevDate !== +value) || isNullOrUndefined(this.checkDateValue(this.value))) {
+                    this.valueProcess(event, value);
                 }
             }
             else {
@@ -14394,7 +14400,7 @@ class MaskedDateTime {
         this.isNavigate = false;
         this.navigated = false;
         this.isBlur = false;
-        this.formatRegex = /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;
+        this.formatRegex = /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;
         this.isDeletion = false;
         this.isShortYear = false;
         this.isDeleteKey = false;
@@ -14889,9 +14895,11 @@ 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':