@syncfusion/ej2-calendars 20.2.46 → 20.2.50

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

@@ -83,6 +83,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
         _this.isTodayClicked = false;
         _this.preventChange = false;
         _this.isAngular = false;
+        _this.previousDates = false;
         return _this;
     }
     /**
@@ -651,7 +652,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
         var numCells = this.weekNumber ? 8 : 7;
         var tdEles;
         if (this.calendarMode === 'Gregorian') {
-            tdEles = this.renderDays(this.currentDate, value, null, null, isCustomDate);
+            tdEles = this.renderDays(this.currentDate, value, null, null, isCustomDate, e);
         }
         else {
             tdEles = this.islamicModule.islamicRenderDays(this.currentDate, value);
@@ -664,7 +665,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
             this.islamicModule.islamicRenderTemplate(tdEles, numCells, MONTH, e, value);
         }
     };
-    CalendarBase.prototype.renderDays = function (currentDate, value, multiSelection, values, isTodayDate) {
+    CalendarBase.prototype.renderDays = function (currentDate, value, multiSelection, values, isTodayDate, e) {
         var tdEles = [];
         var cellsCount = 42;
         var todayDate = isTodayDate ? new Date(+currentDate) : this.getDate(new Date(), this.timezone);
@@ -755,6 +756,10 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
             // if (args.isDisabled && +this.value === +args.date) {
             //     this.setProperties({ value: null }, true);
             // }
+            var currentTarget = void 0;
+            if (!isNullOrUndefined(e) && e.type == 'click') {
+                currentTarget = e.currentTarget;
+            }
             if (multiSelection && !isNullOrUndefined(values) && !disabledCls) {
                 for (var tempValue = 0; tempValue < values.length; tempValue++) {
                     var type = (this.calendarMode === 'Gregorian') ? 'gregorian' : 'islamic';
@@ -765,6 +770,22 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
                         || (this.getDateVal(localDate, value))) {
                         addClass([tdEle], SELECTED);
                     }
+                    if (!isNullOrUndefined(currentTarget) && currentTarget.innerText === tdEle.innerText && this.previousDates && currentTarget.classList.contains(SELECTED)) {
+                        removeClass([tdEle], SELECTED);
+                        this.previousDates = false;
+                        var copyValues = this.copyValues(values);
+                        for (var i = 0; i < copyValues.length; i++) {
+                            var type_1 = (this.calendarMode === 'Gregorian') ? 'gregorian' : 'islamic';
+                            var formatOptions_1 = { format: null, type: 'date', skeleton: 'short', calendar: type_1 };
+                            var localDateString_1 = this.globalize.formatDate(date, formatOptions_1);
+                            var tempDateString_1 = this.globalize.formatDate(copyValues[i], formatOptions_1);
+                            if (localDateString_1 === tempDateString_1) {
+                                var index = copyValues.indexOf(copyValues[i]);
+                                copyValues.splice(index, 1);
+                            }
+                        }
+                        this.setProperties({ values: copyValues }, true);
+                    }
                     else {
                         this.updateFocus(otherMnthBool, disabledCls, localDate, tdEle, currentDate);
                     }
@@ -2207,8 +2228,8 @@ var Calendar = /** @__PURE__ @class */ (function (_super) {
     Calendar.prototype.renderMonths = function (e, value, isCustomDate) {
         _super.prototype.renderMonths.call(this, e, this.value, isCustomDate);
     };
-    Calendar.prototype.renderDays = function (currentDate, value, isMultiSelect, values, isCustomDate) {
-        var tempDays = _super.prototype.renderDays.call(this, currentDate, this.value, this.isMultiSelection, this.values, isCustomDate);
+    Calendar.prototype.renderDays = function (currentDate, value, isMultiSelect, values, isCustomDate, e) {
+        var tempDays = _super.prototype.renderDays.call(this, currentDate, this.value, this.isMultiSelection, this.values, isCustomDate, e);
         if (this.isMultiSelection) {
             _super.prototype.validateValues.call(this, this.isMultiSelection, this.values);
         }
@@ -2246,9 +2267,14 @@ var Calendar = /** @__PURE__ @class */ (function (_super) {
         if (eve.classList.contains(OTHERMONTH)) {
             if (this.isMultiSelection) {
                 var copyValues = this.copyValues(this.values);
-                copyValues.push(this.getIdValue(e, null));
-                this.setProperties({ values: copyValues }, true);
-                this.setProperties({ value: this.values[this.values.length - 1] }, true);
+                if (copyValues.toString().indexOf(this.getIdValue(e, null).toString()) === -1) {
+                    copyValues.push(this.getIdValue(e, null));
+                    this.setProperties({ values: copyValues }, true);
+                    this.setProperties({ value: this.values[this.values.length - 1] }, true);
+                }
+                else {
+                    this.previousDates = true;
+                }
             }
             else {
                 this.setProperties({ value: this.getIdValue(e, null) }, true);
@@ -3157,6 +3183,10 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
     DatePicker.prototype.render = function () {
         this.initialize();
         this.bindEvents();
+        Input.calculateWidth(this.inputElement, this.inputWrapper.container);
+        if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {
+            this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-icon');
+        }
         this.renderComplete();
         this.setTimeZone(this.serverTimezoneOffset);
     };
@@ -4881,11 +4911,18 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case 'width':
                     this.setWidth(newProp.width);
+                    Input.calculateWidth(this.inputElement, this.inputWrapper.container);
+                    if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {
+                        this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-icon');
+                    }
                     break;
                 case 'floatLabelType':
                     this.floatLabelType = newProp.floatLabelType;
                     Input.removeFloating(this.inputWrapper);
                     Input.addFloating(this.inputElement, this.floatLabelType, this.placeholder);
+                    if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {
+                        this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-icon');
+                    }
                     break;
                 case 'enableMask':
                     if (this.enableMask) {
@@ -5164,6 +5201,10 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         if (this.element.hasAttribute('data-val')) {
             this.element.setAttribute('data-val', 'false');
         }
+        Input.calculateWidth(this.inputElement, this.inputWrapper.container);
+        if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {
+            this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-icon');
+        }
         this.renderComplete();
     };
     /**
@@ -9102,6 +9143,10 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
             switch (prop) {
                 case 'width':
                     this.setEleWidth(this.width);
+                    Input.calculateWidth(this.inputElement, this.inputWrapper.container);
+                    if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {
+                        this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-icon');
+                    }
                     break;
                 case 'separator':
                     this.previousEleValue = this.inputElement.value;
@@ -9293,6 +9338,9 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                     this.floatLabelType = newProp.floatLabelType;
                     Input.removeFloating(this.inputWrapper);
                     Input.addFloating(this.inputElement, this.floatLabelType, this.placeholder);
+                    if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {
+                        this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-icon');
+                    }
                     break;
                 case 'start':
                     this.setProperties({ start: newProp.start }, true);
@@ -9628,6 +9676,9 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
         this.anchor = this.inputElement;
         this.inputElement.setAttribute('value', this.inputElement.value);
         this.inputEleValue = this.getDateObject(this.inputElement.value);
+        if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {
+            this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-icon');
+        }
         this.renderComplete();
     };
     TimePicker.prototype.setTimeAllowEdit = function () {
@@ -11739,6 +11790,10 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
                 case 'width':
                     setStyleAttribute(this.inputWrapper.container, { 'width': this.setWidth(newProp.width) });
                     this.containerStyle = this.inputWrapper.container.getBoundingClientRect();
+                    Input.calculateWidth(this.inputElement, this.inputWrapper.container);
+                    if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {
+                        this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-icon');
+                    }
                     break;
                 case 'format':
                     this.setProperties({ format: newProp.format }, true);
@@ -11789,6 +11844,9 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
                     this.floatLabelType = newProp.floatLabelType;
                     Input.removeFloating(this.inputWrapper);
                     Input.addFloating(this.inputElement, this.floatLabelType, this.placeholder);
+                    if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {
+                        this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-icon');
+                    }
                     break;
                 case 'strictMode':
                     this.invalidValueString = null;
@@ -12151,6 +12209,10 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
                 this.inputElement.tabIndex = -1;
             }
         }
+        Input.calculateWidth(this.inputElement, this.inputWrapper.container);
+        if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {
+            this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-date-time-icon');
+        }
         this.renderComplete();
     };
     DateTimePicker.prototype.setValue = function () {
@@ -13341,6 +13403,10 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case 'width':
                     this.setWidth(newProp.width);
+                    Input.calculateWidth(this.inputElement, this.inputWrapper.container);
+                    if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {
+                        this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-date-time-icon');
+                    }
                     break;
                 case 'readonly':
                     Input.setReadonly(this.readonly, this.inputElement);
@@ -13349,6 +13415,9 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
                     this.floatLabelType = newProp.floatLabelType;
                     Input.removeFloating(this.inputWrapper);
                     Input.addFloating(this.inputElement, this.floatLabelType, this.placeholder);
+                    if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {
+                        this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-date-time-icon');
+                    }
                     break;
                 case 'scrollTo':
                     if (this.checkDateValue(new Date(this.checkValue(newProp.scrollTo)))) {