@syncfusion/ej2-calendars 29.2.4 → 29.2.10

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

@@ -3980,10 +3980,14 @@ let DatePicker = class DatePicker extends Calendar {
         const target = e.target;
         if (!(closest(target, '.e-datepicker.e-popup-wrapper')) && !isNullOrUndefined(this.inputWrapper)
             && !(closest(target, '.' + INPUTCONTAINER) === this.inputWrapper.container)
-            && (!target.classList.contains('e-day'))
-            && (!target.classList.contains('e-dlg-overlay'))) {
+            && (!target.classList.contains('e-day'))) {
             this.hide(e);
-            this.focusOut();
+            if (target.classList.contains('e-dlg-overlay')) {
+                e.preventDefault();
+            }
+            else {
+                this.focusOut();
+            }
         }
         else if (closest(target, '.e-datepicker.e-popup-wrapper')) {
             // Fix for close the popup when select the previously selected value.
@@ -4459,6 +4463,9 @@ let DatePicker = class DatePicker extends Calendar {
             this.changedArgs.element = this.element;
             this.changedArgs.isInteracted = this.isInteracted;
             if (!this.isDynamicValueChanged) {
+                if (this.isAngular) {
+                    this.previousDate = this.value && new Date(+this.value);
+                }
                 this.trigger('change', this.changedArgs);
             }
             this.previousDate = this.value && new Date(+this.value);
@@ -6388,6 +6395,9 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                         if (this.inputElement.defaultValue !== value) {
                             endDate = this.getStartEndDate(endDate, true);
                         }
+                        if (endDate >= this.max) {
+                            endDate = this.max;
+                        }
                     }
                     if (!isNullOrUndefined(startDate) && !isNaN(+startDate) && !isNullOrUndefined(endDate) && !isNaN(+endDate)) {
                         const prevStartVal = this.startValue;
@@ -7268,6 +7278,29 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                 this.checkMinMaxDays();
             }
         }
+        const isCustomMin = this.min.getTime() !== new Date(1900, 0, 1).getTime();
+        const isCustomMax = this.max.getTime() !== new Date(2099, 11, 31).getTime();
+        if (this.currentView() === 'Year' && this.depth === 'Year') {
+            const startMonth = new Date(this.min.getFullYear(), this.min.getMonth(), 1);
+            if (!isNullOrUndefined(this.startValue) && isCustomMin && +this.startValue <= +startMonth) {
+                this.startValue = this.min;
+            }
+            const endMonth = new Date(this.max.getFullYear(), this.max.getMonth() + 1, 0);
+            if (!isNullOrUndefined(this.endValue) && isCustomMax && +this.endValue >= +endMonth) {
+                this.endValue = this.max;
+            }
+        }
+        else if (this.currentView() === 'Decade' && this.depth === 'Decade') {
+            if (!isNullOrUndefined(this.startValue) && isCustomMin && this.startValue.getFullYear() <= this.min.getFullYear()) {
+                this.startValue = this.min;
+            }
+            else if (isCustomMin && this.startValue.getFullYear() > this.min.getFullYear()) {
+                this.startValue = new Date(this.startValue.getFullYear(), 0, 1);
+            }
+            if (!isNullOrUndefined(this.endValue) && isCustomMax && this.endValue.getFullYear() >= this.max.getFullYear()) {
+                this.endValue = this.max;
+            }
+        }
         if (event) {
             leftCalendar = closest(event.target, '.' + LEFTCALENDER);
         }
@@ -11380,7 +11413,7 @@ let TimePicker = class TimePicker extends Component {
                 keyConfigs: this.keyConfigure,
                 eventName: 'keydown'
             });
-            if (this.showClearButton && this.inputElement) {
+            if (this.inputElement && (this.showClearButton || this.enableMask)) {
                 EventHandler.add(this.inputElement, 'mousedown', this.mouseDownHandler, this);
             }
         }
@@ -12080,11 +12113,15 @@ let TimePicker = class TimePicker extends Component {
         if (!(closest(target, '[id="' + this.popupObj.element.id + '"]')) && target !== this.inputElement
             && target !== (this.inputWrapper && this.inputWrapper.buttons[0]) &&
             target !== (this.inputWrapper && this.inputWrapper.clearButton) &&
-            target !== (this.inputWrapper && this.inputWrapper.container)
-            && (!target.classList.contains('e-dlg-overlay'))) {
+            target !== (this.inputWrapper && this.inputWrapper.container)) {
             if (this.isPopupOpen()) {
                 this.hide();
-                this.focusOut();
+                if (target.classList.contains('e-dlg-overlay')) {
+                    event.preventDefault();
+                }
+                else {
+                    this.focusOut();
+                }
             }
         }
         else if (target !== this.inputElement) {
@@ -13319,10 +13356,15 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
             event.preventDefault();
         }
         if (!(closest(target, '[id="' + (this.popupObject && this.popupObject.element.id + '"]'))) && target !== this.inputElement
-            && target !== this.timeIcon && !isNullOrUndefined(this.inputWrapper) && target !== this.inputWrapper.container && !target.classList.contains('e-dlg-overlay')) {
+            && target !== this.timeIcon && !isNullOrUndefined(this.inputWrapper) && target !== this.inputWrapper.container) {
             if (this.isTimePopupOpen()) {
                 this.hide(event);
-                this.focusOut();
+                if (target.classList.contains('e-dlg-overlay')) {
+                    event.preventDefault();
+                }
+                else {
+                    this.focusOut();
+                }
             }
         }
         else if (target !== this.inputElement) {