@syncfusion/ej2-calendars 32.2.9 → 33.2.3

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

@@ -5161,9 +5161,12 @@ let DatePicker = class DatePicker extends Calendar {
             width += icons[index].offsetWidth;
         }
         if (label) {
-            const labelWidth = (this.element.parentElement.offsetWidth) - width;
-            if (labelWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
-                label.style.width = `${labelWidth}px`;
+            const isMaterial = window.getComputedStyle(this.element).getPropertyValue('--dummy-style').trim();
+            if (isMaterial === '') {
+                const labelWidth = (this.element.parentElement.offsetWidth) - width;
+                if (labelWidth) {
+                    label.style.width = `${labelWidth}px`;
+                }
             }
         }
     }
@@ -5335,7 +5338,7 @@ let DatePicker = class DatePicker extends Calendar {
                     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);
@@ -7113,7 +7116,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                     const isDisabledCell = (!ele.classList.contains(DISABLED$2) || ele.classList.contains(DATEDISABLED));
                     if (!ele.classList.contains(WEEKNUMBER$2) && isDisabledCell) {
                         const eleDate = this.getIdValue(null, ele);
-                        const startDateValue = this.currentView() === 'Month' ? new Date(+this.startValue) : this.getStartEndDate(new Date(+this.startValue), false);
+                        const startDateValue = this.currentView() === 'Month' || currentDate != null ? new Date(+this.startValue) : this.getStartEndDate(new Date(+this.startValue), false);
                         const eleDateValue = new Date(+eleDate);
                         if (eleDateValue.setHours(0, 0, 0, 0) >= startDateValue.setHours(0, 0, 0, 0) && +eleDate <= +currentDate) {
                             addClass([ele], RANGEHOVER);
@@ -9618,9 +9621,12 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
             width += icons[index].offsetWidth;
         }
         if (label) {
-            const labelWidth = (this.element.parentElement.offsetWidth) - width;
-            if (labelWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
-                label.style.width = `${labelWidth}px`;
+            const isMaterial = window.getComputedStyle(this.element).getPropertyValue('--dummy-style').trim();
+            if (isMaterial === '') {
+                const labelWidth = (this.element.parentElement.offsetWidth) - width;
+                if (labelWidth) {
+                    label.style.width = `${labelWidth}px`;
+                }
             }
         }
     }
@@ -9974,7 +9980,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                     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':
@@ -12179,6 +12185,16 @@ let TimePicker = class TimePicker extends Component {
             if (this.enableMask && this.value) {
                 this.createMask();
             }
+            if ((this.globalize.culture === 'ar') && !isNullOrUndefined(date)) {
+                const formatOptions = { format: this.cldrTimeFormat(), type: 'time' };
+                const 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);
@@ -12660,9 +12676,12 @@ let TimePicker = class TimePicker extends Component {
             width += icons[index].offsetWidth;
         }
         if (label) {
-            const labelWidth = (this.element.parentElement.offsetWidth) - width;
-            if (labelWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
-                label.style.width = `${labelWidth}px`;
+            const isMaterial = window.getComputedStyle(this.element).getPropertyValue('--dummy-style').trim();
+            if (isMaterial === '') {
+                const labelWidth = (this.element.parentElement.offsetWidth) - width;
+                if (labelWidth) {
+                    label.style.width = `${labelWidth}px`;
+                }
             }
         }
     }
@@ -13852,6 +13871,12 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
             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();
@@ -14553,7 +14578,7 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
                     }
                     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);
@@ -14631,9 +14656,12 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
             width += icons[index].offsetWidth;
         }
         if (label) {
-            const labelWidth = (this.element.parentElement.offsetWidth) - width;
-            if (labelWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
-                label.style.width = `${labelWidth}px`;
+            const isMaterial = window.getComputedStyle(this.element).getPropertyValue('--dummy-style').trim();
+            if (isMaterial === '') {
+                const labelWidth = (this.element.parentElement.offsetWidth) - width;
+                if (labelWidth) {
+                    label.style.width = `${labelWidth}px`;
+                }
             }
         }
     }