@syncfusion/ej2-calendars 32.2.9 → 33.2.3

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

@@ -5212,9 +5212,12 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
             width += icons[index].offsetWidth;
         }
         if (label) {
-            var labelWidth = (this.element.parentElement.offsetWidth) - width;
-            if (labelWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
-                label.style.width = labelWidth + "px";
+            var isMaterial = window.getComputedStyle(this.element).getPropertyValue('--dummy-style').trim();
+            if (isMaterial === '') {
+                var labelWidth = (this.element.parentElement.offsetWidth) - width;
+                if (labelWidth) {
+                    label.style.width = labelWidth + "px";
+                }
             }
         }
     };
@@ -5389,7 +5392,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                     this.setAllowEdit();
                     break;
                 case 'placeholder':
-                    Input.setPlaceholder(this.placeholder, this.inputElement);
+                    Input.setPlaceholder(this.placeholder, this.inputElement, this.getModuleName());
                     break;
                 case 'readonly':
                     Input.setReadonly(this.readonly, this.inputElement);
@@ -7199,7 +7202,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                     var isDisabledCell = (!ele.classList.contains(DISABLED$2) || ele.classList.contains(DATEDISABLED));
                     if (!ele.classList.contains(WEEKNUMBER$2) && isDisabledCell) {
                         var eleDate = this.getIdValue(null, ele);
-                        var startDateValue = this.currentView() === 'Month' ? new Date(+this.startValue) : this.getStartEndDate(new Date(+this.startValue), false);
+                        var startDateValue = this.currentView() === 'Month' || currentDate != null ? new Date(+this.startValue) : this.getStartEndDate(new Date(+this.startValue), false);
                         var eleDateValue = new Date(+eleDate);
                         if (eleDateValue.setHours(0, 0, 0, 0) >= startDateValue.setHours(0, 0, 0, 0) && +eleDate <= +currentDate) {
                             addClass([ele], RANGEHOVER);
@@ -9718,9 +9721,12 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
             width += icons[index].offsetWidth;
         }
         if (label) {
-            var labelWidth = (this.element.parentElement.offsetWidth) - width;
-            if (labelWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
-                label.style.width = labelWidth + "px";
+            var isMaterial = window.getComputedStyle(this.element).getPropertyValue('--dummy-style').trim();
+            if (isMaterial === '') {
+                var labelWidth = (this.element.parentElement.offsetWidth) - width;
+                if (labelWidth) {
+                    label.style.width = labelWidth + "px";
+                }
             }
         }
     };
@@ -10077,7 +10083,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
                     this.changeTrigger();
                     break;
                 case 'placeholder':
-                    Input.setPlaceholder(newProp.placeholder, this.inputElement);
+                    Input.setPlaceholder(newProp.placeholder, this.inputElement, this.getModuleName());
                     this.setProperties({ placeholder: newProp.placeholder }, true);
                     break;
                 case 'readonly':
@@ -12308,6 +12314,16 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
             if (this.enableMask && this.value) {
                 this.createMask();
             }
+            if ((this.globalize.culture === 'ar') && !isNullOrUndefined(date)) {
+                var formatOptions = { format: this.cldrTimeFormat(), type: 'time' };
+                var value = this.globalize.formatDate(date, formatOptions);
+                this.updateInputValue(value);
+                if (this.enableMask) {
+                    this.notify('setMaskSelection', {
+                        module: 'MaskedDateTime'
+                    });
+                }
+            }
         }
         if (!this.strictMode && isNullOrUndefined(this.value) && this.invalidValueString) {
             this.checkErrorState(this.invalidValueString);
@@ -12791,9 +12807,12 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
             width += icons[index].offsetWidth;
         }
         if (label) {
-            var labelWidth = (this.element.parentElement.offsetWidth) - width;
-            if (labelWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
-                label.style.width = labelWidth + "px";
+            var isMaterial = window.getComputedStyle(this.element).getPropertyValue('--dummy-style').trim();
+            if (isMaterial === '') {
+                var labelWidth = (this.element.parentElement.offsetWidth) - width;
+                if (labelWidth) {
+                    label.style.width = labelWidth + "px";
+                }
             }
         }
     };
@@ -14003,6 +14022,12 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
             this.setProperties({ value: new Date(this.timeCollections[this.activeIndex]) }, true);
             if (this.enableMask) {
                 this.createMask();
+                if (this.globalize.culture === 'ar') {
+                    Input.setValue(tempVal, this.inputElement, this.floatLabelType, this.showClearButton);
+                    this.notify('setMaskSelection', {
+                        module: 'MaskedDateTime'
+                    });
+                }
             }
         }
         this.updateIconState();
@@ -14707,7 +14732,7 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
                     }
                     break;
                 case 'placeholder':
-                    Input.setPlaceholder(newProp.placeholder, this.inputElement);
+                    Input.setPlaceholder(newProp.placeholder, this.inputElement, this.getModuleName());
                     break;
                 case 'enabled':
                     Input.setEnabled(this.enabled, this.inputElement);
@@ -14785,9 +14810,12 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
             width += icons[index].offsetWidth;
         }
         if (label) {
-            var labelWidth = (this.element.parentElement.offsetWidth) - width;
-            if (labelWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
-                label.style.width = labelWidth + "px";
+            var isMaterial = window.getComputedStyle(this.element).getPropertyValue('--dummy-style').trim();
+            if (isMaterial === '') {
+                var labelWidth = (this.element.parentElement.offsetWidth) - width;
+                if (labelWidth) {
+                    label.style.width = labelWidth + "px";
+                }
             }
         }
     };