@syncfusion/ej2-calendars 22.1.34 → 22.1.38

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

@@ -3303,7 +3303,7 @@ let DatePicker = class DatePicker extends Calendar {
             this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
         }
         if (this.fullScreenMode && Browser.isDevice) {
-            this.cssClass = "e-popup-expand";
+            this.cssClass += ' ' + "e-popup-expand";
         }
         let updatedCssClassValues = this.cssClass;
         if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
@@ -3986,11 +3986,13 @@ let DatePicker = class DatePicker extends Calendar {
     }
     strictModeUpdate() {
         let format;
+        let pattern = /^y/;
+        let charPattern = /[^a-zA-Z]/;
         let formatOptions;
         if (this.getModuleName() === 'datetimepicker') {
             format = !isNullOrUndefined(this.formatString) ? this.formatString : this.dateTimeFormat;
         }
-        else {
+        else if (!pattern.test(this.formatString) || charPattern.test(this.formatString)) {
             format = isNullOrUndefined(this.formatString) ? this.formatString : this.formatString.replace('dd', 'd');
         }
         if (!isNullOrUndefined(format)) {
@@ -3999,6 +4001,9 @@ let DatePicker = class DatePicker extends Calendar {
                 format = format.replace('MM', 'M');
             }
         }
+        else {
+            format = this.formatString;
+        }
         let dateOptions;
         if (this.getModuleName() === 'datetimepicker') {
             if (this.calendarMode === 'Gregorian') {
@@ -4411,6 +4416,7 @@ let DatePicker = class DatePicker extends Calendar {
                     addClass(this.inputWrapper.buttons, ACTIVE);
                     this.preventArgs.appendTo.appendChild(this.popupWrapper);
                     this.popupObj.refreshPosition(this.inputElement);
+                    const popupLeft = parseFloat(this.popupWrapper.style.left) - (this.popupWrapper.offsetWidth - this.inputWrapper.container.offsetWidth);
                     const openAnimation = {
                         name: 'FadeIn',
                         duration: Browser.isDevice ? 0 : OPENDURATION
@@ -4424,6 +4430,9 @@ let DatePicker = class DatePicker extends Calendar {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     super.setOverlayIndex(this.mobilePopupWrapper, this.popupObj.element, this.modal, Browser.isDevice);
                     this.setAriaAttributes();
+                    if (this.enableRtl && popupLeft > 0) {
+                        this.popupWrapper.style.left = popupLeft + "px";
+                    }
                 }
                 else {
                     this.popupObj.destroy();
@@ -8160,6 +8169,10 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                 else {
                     this.inputElement.removeAttribute('aria-activedescendant');
                 }
+                if (this.enableRtl) {
+                    const popupLeft = parseFloat(this.popupWrapper.style.left) - (this.popupWrapper.offsetWidth - this.inputWrapper.container.offsetWidth);
+                    this.popupWrapper.style.left = popupLeft > 0 ? popupLeft + "px" : this.popupWrapper.style.left;
+                }
                 addClass([this.inputWrapper.buttons[0]], ACTIVE$1);
                 if (!this.isMobile) {
                     if (this.cancelButton) {
@@ -8536,7 +8549,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
     }
     createInput() {
         if (this.fullScreenMode && this.isMobile) {
-            this.cssClass = "e-popup-expand";
+            this.cssClass += ' ' + "e-popup-expand";
         }
         let updatedCssClassValue = this.cssClass;
         if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
@@ -10037,7 +10050,7 @@ let TimePicker = class TimePicker extends Component {
     }
     createInputElement() {
         if (this.fullScreenMode && Browser.isDevice) {
-            this.cssClass = "e-popup-expand";
+            this.cssClass += ' ' + "e-popup-expand";
         }
         let updatedCssClassesValue = this.cssClass;
         const isBindClearAction = this.enableMask ? false : true;