@syncfusion/ej2-calendars 20.4.42 → 20.4.48

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.42
+*  version : 20.4.48
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-calendars@*",
-  "_id": "@syncfusion/ej2-calendars@20.4.40",
+  "_id": "@syncfusion/ej2-calendars@20.4.44",
   "_inBundle": false,
-  "_integrity": "sha512-dIUZC7yf+bdh19falIrE12r92V+I3kJInBNOzF4J1LLrV+oHfWG8KIRdivjb5FAj0C48vtZR2BxBGk5Lc1+9xQ==",
+  "_integrity": "sha512-lPyLD/lhi38bHc+9j4Gxo3NT8UHOVrdv/Ia9Ta7wDIHKjp2Wgm1TO/yUOatKJ99F8H24jtdqhVyvrOU1NjjWTw==",
   "_location": "/@syncfusion/ej2-calendars",
   "_phantomChildren": {},
   "_requested": {
@@ -32,8 +32,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-calendars"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-20.4.40.tgz",
-  "_shasum": "c3e55dd97a1ae5b1c564063fb714aa1102a48b34",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-20.4.44.tgz",
+  "_shasum": "edb94ca0fd4fb86a6c64accd05e956ad9761afd2",
   "_spec": "@syncfusion/ej2-calendars@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -44,11 +44,11 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.42",
-    "@syncfusion/ej2-buttons": "~20.4.42",
-    "@syncfusion/ej2-inputs": "~20.4.42",
-    "@syncfusion/ej2-lists": "~20.4.42",
-    "@syncfusion/ej2-popups": "~20.4.42"
+    "@syncfusion/ej2-base": "~20.4.48",
+    "@syncfusion/ej2-buttons": "~20.4.48",
+    "@syncfusion/ej2-inputs": "~20.4.48",
+    "@syncfusion/ej2-lists": "~20.4.48",
+    "@syncfusion/ej2-popups": "~20.4.48"
   },
   "deprecated": false,
   "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.",
@@ -81,6 +81,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.4.42",
+  "version": "20.4.48",
   "sideEffects": false
 }

package/src/datepicker/datepicker.js

@@ -157,7 +157,7 @@ var DatePicker = /** @class */ (function (_super) {
         this.createInput();
         this.updateHtmlAttributeToWrapper();
         this.setAllowEdit();
-        this.updateInput();
+        this.updateInput(true);
         if (this.enableMask && !this.value && this.maskedDateValue && (this.floatLabelType == 'Always' || !this.floatLabelType || !this.placeholder)) {
             this.updateInputValue(this.maskedDateValue);
         }
@@ -219,8 +219,8 @@ var DatePicker = /** @class */ (function (_super) {
     DatePicker.prototype.updateInput = function (isDynamic) {
         if (isDynamic === void 0) { isDynamic = false; }
         var formatOptions;
-        if (this.value && !this.isCalendar() && !isDynamic) {
-            this.disabledDates();
+        if (this.value && !this.isCalendar()) {
+            this.disabledDates(isDynamic);
         }
         if (isNaN(+new Date(this.checkValue(this.value)))) {
             this.setProperties({ value: null }, true);
@@ -1654,14 +1654,17 @@ var DatePicker = /** @class */ (function (_super) {
     DatePicker.prototype.getModuleName = function () {
         return 'datepicker';
     };
-    DatePicker.prototype.disabledDates = function () {
+    DatePicker.prototype.disabledDates = function (isDynamic) {
+        if (isDynamic === void 0) { isDynamic = false; }
         var formatOptions;
         var globalize;
         var valueCopy = this.checkDateValue(this.value) ? new Date(+this.value) : new Date(this.checkValue(this.value));
         var previousValCopy = this.previousDate;
         //calls the Calendar render method to check the disabled dates through renderDayCell event and update the input value accordingly.
         this.minMaxUpdates();
-        _super.prototype.render.call(this);
+        if (!isDynamic || (isDynamic && !isNullOrUndefined(this.renderDayCell))) {
+            _super.prototype.render.call(this);
+        }
         this.previousDate = previousValCopy;
         var date = valueCopy && +(valueCopy);
         var dateIdString = '*[id^="/id"]'.replace('/id', '' + date);
@@ -1670,7 +1673,7 @@ var DatePicker = /** @class */ (function (_super) {
                 this.setProperties({ value: valueCopy }, true);
             }
         }
-        if (!isNullOrUndefined(this.calendarElement.querySelectorAll(dateIdString)[0])) {
+        if (!isNullOrUndefined(this.calendarElement) && !isNullOrUndefined(this.calendarElement.querySelectorAll(dateIdString)[0])) {
             if (this.calendarElement.querySelectorAll(dateIdString)[0].classList.contains('e-disabled')) {
                 if (!this.strictMode) {
                     this.currentDate = new Date(new Date().setHours(0, 0, 0, 0));
@@ -1731,8 +1734,8 @@ var DatePicker = /** @class */ (function (_super) {
         var isDisabledDate = this.calendarElement &&
             this.calendarElement.querySelectorAll(dateIdString)[0] &&
             this.calendarElement.querySelectorAll(dateIdString)[0].classList.contains('e-disabled');
-        if ((!isNullOrUndefined(this.value) && !(+new Date(+this.value).setMilliseconds(0) >= +this.min
-            && +new Date(+this.value).setMilliseconds(0) <= +this.max))
+        if ((!isNullOrUndefined(this.value) && !isNullOrUndefined(this.min) && !isNullOrUndefined(this.max) && !(new Date(this.value).setMilliseconds(0) >= new Date(this.min).setMilliseconds(0)
+            && new Date(this.value).setMilliseconds(0) <= new Date(this.max).setMilliseconds(0)))
             || (!this.strictMode && this.inputElement.value !== '' && this.inputElement.value !== this.maskedDateValue && isNullOrUndefined(this.value) || isDisabledDate)) {
             addClass([this.inputWrapper.container], ERROR);
             attributes(this.inputElement, { 'aria-invalid': 'true' });

package/src/daterangepicker/daterangepicker.d.ts

@@ -638,6 +638,7 @@ export declare class DateRangePicker extends CalendarBase {
     private deviceHeaderClick;
     private inputFocusHandler;
     private inputBlurHandler;
+    private getStartEndDate;
     private clearRange;
     private errorClass;
     private keyCalendarUpdate;
@@ -820,6 +821,7 @@ export declare class DateRangePicker extends CalendarBase {
     private clearModelvalue;
     private createHiddenInput;
     private setMinMaxDays;
+    private getStartEndValue;
     /**
      * Called internally if any of the property value changed.
      *

package/src/daterangepicker/daterangepicker.js

@@ -804,7 +804,7 @@ var DateRangePicker = /** @class */ (function (_super) {
         this.createControl();
         this.bindCalendarEvents();
         this.updateRange((this.isMobile ? [this.calendarElement] : [this.leftCalendar, this.rightCalendar]));
-        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue) && !isNullOrUndefined(this.renderDayCell)) {
+        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue) && !isNullOrUndefined(this.renderDayCellArgs) && this.renderDayCellArgs.isDisabled) {
             this.disabledDateRender();
         }
         this.updateHeader();
@@ -975,8 +975,10 @@ var DateRangePicker = /** @class */ (function (_super) {
                 if (range.length > 1) {
                     this.invalidValueString = null;
                     var dateOptions = { format: this.formatString, type: 'date', skeleton: 'yMd' };
-                    var startDate = this.globalize.parseDate(range[0].trim(), dateOptions);
-                    var endDate = this.globalize.parseDate(range[1].trim(), dateOptions);
+                    var start = new Date(range[0]);
+                    var end = new Date(range[1]);
+                    var startDate = this.getStartEndDate(start, false, range, dateOptions);
+                    var endDate = this.getStartEndDate(end, true, range, dateOptions);
                     if (!isNullOrUndefined(startDate) && !isNaN(+startDate) && !isNullOrUndefined(endDate) && !isNaN(+endDate)) {
                         var prevStartVal = this.startValue;
                         this.startValue = startDate;
@@ -1048,6 +1050,17 @@ var DateRangePicker = /** @class */ (function (_super) {
         }
         this.updateHiddenInput();
     };
+    DateRangePicker.prototype.getStartEndDate = function (date, isEnd, range, dateOptions) {
+        if (this.depth === 'Month') {
+            return this.globalize.parseDate(range[isEnd ? 1 : 0].trim(), dateOptions);
+        }
+        else if (this.depth === 'Year') {
+            return new Date(date.getFullYear(), date.getMonth() + (isEnd ? 1 : 0), isEnd ? 0 : 1);
+        }
+        else {
+            return new Date(date.getFullYear(), isEnd ? 11 : 0, isEnd ? 31 : 1);
+        }
+    };
     DateRangePicker.prototype.clearRange = function () {
         this.previousStartValue = this.previousEndValue = null;
         this.currentDate = null;
@@ -1808,7 +1821,7 @@ var DateRangePicker = /** @class */ (function (_super) {
                 if (!this.isMobile) {
                     this.removeClassDisabled();
                 }
-                if (!isNullOrUndefined(this.renderDayCell)) {
+                if (!isNullOrUndefined(this.renderDayCellArgs) && this.renderDayCellArgs.isDisabled) {
                     this.disabledDateRender();
                 }
                 this.trigger('select', this.rangeArgs(event));
@@ -3386,7 +3399,7 @@ var DateRangePicker = /** @class */ (function (_super) {
         if (!this.strictMode && (isDisabled)) {
             this.clearRange();
         }
-        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue) && !isDisabled && !isNullOrUndefined(this.renderDayCell)) {
+        if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue) && !isDisabled && !isNullOrUndefined(this.renderDayCellArgs) && this.renderDayCellArgs.isDisabled) {
             this.disabledDateRender();
         }
         this.errorClass();
@@ -3879,7 +3892,7 @@ var DateRangePicker = /** @class */ (function (_super) {
         if (!isNullOrUndefined(this.startValue) && !isNullOrUndefined(this.endValue)) {
             range = (Math.round(Math.abs((this.removeTimeValueFromDate(this.startValue).getTime() -
                 this.removeTimeValueFromDate(this.endValue).getTime()) / (1000 * 60 * 60 * 24))) + 1);
-            if (!isNullOrUndefined(this.renderDayCell)) {
+            if (!isNullOrUndefined(this.renderDayCellArgs) && this.renderDayCellArgs.isDisabled) {
                 this.disabledDateRender();
             }
             if (!isNullOrUndefined(this.disabledDayCnt)) {
@@ -4133,6 +4146,17 @@ var DateRangePicker = /** @class */ (function (_super) {
             this.updateHeader();
         }
     };
+    DateRangePicker.prototype.getStartEndValue = function (date, isEnd) {
+        if (this.depth === 'Month') {
+            return this.checkDateValue(new Date(this.checkValue(date)));
+        }
+        else if (this.depth === 'Year') {
+            return new Date(date.getFullYear(), date.getMonth() + (isEnd ? 1 : 0), isEnd ? 0 : 1);
+        }
+        else {
+            return new Date(date.getFullYear(), isEnd ? 11 : 0, isEnd ? 31 : 1);
+        }
+    };
     /**
      * Called internally if any of the property value changed.
      *
@@ -4222,7 +4246,7 @@ var DateRangePicker = /** @class */ (function (_super) {
                         newProp.startDate = this.globalize.parseDate(newProp.startDate, format);
                     }
                     if (+this.initStartDate !== +newProp.startDate) {
-                        this.startValue = this.checkDateValue(new Date(this.checkValue(newProp.startDate)));
+                        this.startValue = this.getStartEndValue(newProp.startDate, false);
                         this.setDate();
                         this.setValue();
                     }
@@ -4232,7 +4256,7 @@ var DateRangePicker = /** @class */ (function (_super) {
                         newProp.endDate = this.globalize.parseDate(newProp.endDate, format);
                     }
                     if (+this.initEndDate !== +newProp.endDate) {
-                        this.endValue = this.checkDateValue(new Date(this.checkValue(newProp.endDate)));
+                        this.endValue = this.getStartEndValue(newProp.endDate, true);
                         this.setDate();
                         this.setValue();
                     }

package/src/datetimepicker/datetimepicker.js

@@ -215,7 +215,7 @@ var DateTimePicker = /** @class */ (function (_super) {
                 module: "MaskedDateTime",
             });
         }
-        this.setValue();
+        this.setValue(true);
         if (this.enableMask && !this.value && this.maskedDateValue && (this.floatLabelType == 'Always' || !this.floatLabelType || !this.placeholder)) {
             Input.setValue(this.maskedDateValue, this.inputElement, this.floatLabelType, this.showClearButton);
         }
@@ -234,7 +234,8 @@ var DateTimePicker = /** @class */ (function (_super) {
         }
         this.renderComplete();
     };
-    DateTimePicker.prototype.setValue = function () {
+    DateTimePicker.prototype.setValue = function (isDynamic) {
+        if (isDynamic === void 0) { isDynamic = false; }
         this.initValue = this.validateMinMaxRange(this.value);
         if (!this.strictMode && this.isDateObject(this.initValue)) {
             var value = this.validateMinMaxRange(this.initValue);
@@ -248,7 +249,7 @@ var DateTimePicker = /** @class */ (function (_super) {
             }
         }
         this.valueWithMinutes = this.value;
-        _super.prototype.updateInput.call(this);
+        _super.prototype.updateInput.call(this, isDynamic);
     };
     DateTimePicker.prototype.validateMinMaxRange = function (value) {
         var result = value;