@syncfusion/ej2-calendars 24.2.8 → 25.1.35

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

@@ -19,7 +19,7 @@ const DEVICE = 'e-device';
 const HEADER = 'e-header';
 const RTL = 'e-rtl';
 const CONTENT = 'e-content';
-const CONTENTTABLE = 'e-calandar-content-table';
+const CONTENTTABLE = 'e-calendar-content-table';
 const YEAR = 'e-year';
 const MONTH = 'e-month';
 const DECADE = 'e-decade';
@@ -1225,8 +1225,8 @@ let CalendarBase = class CalendarBase extends Component {
      */
     requiredModules() {
         const modules = [];
-        if (this) {
-            modules.push({ args: [this], member: 'islamic' });
+        if (this.calendarMode === 'Islamic') {
+            modules.push({ args: [this], member: 'islamic', name: 'Islamic' });
         }
         return modules;
     }
@@ -4121,7 +4121,8 @@ let DatePicker = class DatePicker extends Calendar {
         }
         if ((this.getModuleName() === 'datetimepicker')) {
             if (this.checkDateValue(this.globalize.parseDate(this.inputElement.value, dateOptions))) {
-                date = this.globalize.parseDate(this.inputElement.value.toLocaleUpperCase(), dateOptions);
+                const modifiedValue = this.inputElement.value.replace(/(am|pm|Am|aM|pM|Pm)/g, (match) => match.toLocaleUpperCase());
+                date = this.globalize.parseDate(modifiedValue, dateOptions);
             }
             else {
                 if (this.calendarMode === 'Gregorian') {
@@ -4393,8 +4394,8 @@ let DatePicker = class DatePicker extends Calendar {
     }
     requiredModules() {
         const modules = [];
-        if (this) {
-            modules.push({ args: [this], member: 'islamic' });
+        if (this.calendarMode === 'Islamic') {
+            modules.push({ args: [this], member: 'islamic', name: 'Islamic' });
         }
         if (this.enableMask) {
             modules.push({ args: [this], member: 'MaskedDateTime' });
@@ -4668,7 +4669,15 @@ let DatePicker = class DatePicker extends Calendar {
      */
     destroy() {
         this.unBindEvents();
+        if (this.showClearButton) {
+            this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
+        }
         super.destroy();
+        Input.destroy({
+            element: this.inputElement,
+            floatLabelType: this.floatLabelType,
+            properties: this.properties
+        }, this.clearButton);
         if (!isNullOrUndefined(this.keyboardModules)) {
             this.keyboardModules.destroy();
         }
@@ -9104,6 +9113,9 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
      */
     destroy() {
         this.unBindEvents();
+        if (this.showClearButton) {
+            this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
+        }
         this.hide(null);
         const ariaAttrs = {
             'tabindex': '0', 'aria-expanded': 'false', 'role': 'combobox',
@@ -9138,6 +9150,11 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
                 this.clearCalendarEvents();
             }
         }
+        Input.destroy({
+            element: this.inputElement,
+            floatLabelType: this.floatLabelType,
+            properties: this.properties
+        }, this.clearButton);
         super.destroy();
         this.inputWrapper = this.popupWrapper = this.popupObj = this.cloneElement = this.presetElement = null;
         if (this.formElement) {
@@ -10303,6 +10320,9 @@ let TimePicker = class TimePicker extends Component {
     // destroy function
     destroy() {
         this.hide();
+        if (this.showClearButton) {
+            this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
+        }
         this.unBindEvents();
         const ariaAttribute = {
             'aria-autocomplete': 'list', 'tabindex': '0',
@@ -10336,6 +10356,11 @@ let TimePicker = class TimePicker extends Component {
         if (!isNullOrUndefined(this.rippleFn)) {
             this.rippleFn();
         }
+        Input.destroy({
+            element: this.inputElement,
+            floatLabelType: this.floatLabelType,
+            properties: this.properties
+        }, this.clearButton);
         super.destroy();
         if (this.formElement) {
             EventHandler.remove(this.formElement, 'reset', this.formResetHandler);
@@ -11904,10 +11929,6 @@ let TimePicker = class TimePicker extends Component {
             }
         }
         removeClass([this.inputWrapper.container], [FOCUS]);
-        const blurArguments = {
-            model: this
-        };
-        this.trigger('blur', blurArguments);
         if (this.getText() !== this.inputElement.value) {
             this.updateValue((this.inputElement).value, e);
         }
@@ -11919,6 +11940,10 @@ let TimePicker = class TimePicker extends Component {
         if (this.inputElement.value === '') {
             this.invalidValueString = null;
         }
+        const blurArguments = {
+            model: this
+        };
+        this.trigger('blur', blurArguments);
     }
     /**
      * Focuses out the TimePicker textbox element.
@@ -12545,6 +12570,9 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
      * @returns {void}
      */
     destroy() {
+        if (this.showClearButton) {
+            this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
+        }
         if (this.popupObject && this.popupObject.element.classList.contains(POPUP$3)) {
             this.popupObject.destroy();
             detach(this.dateTimeWrapper);
@@ -12578,6 +12606,11 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
         this.popupObject = null;
         this.preventArgs = null;
         this.keyboardModule = null;
+        Input.destroy({
+            element: this.inputElement,
+            floatLabelType: this.floatLabelType,
+            properties: this.properties
+        }, this.clearButton);
         super.destroy();
     }
     /**
@@ -13596,8 +13629,8 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
     }
     requiredModules() {
         const modules = [];
-        if (this) {
-            modules.push({ args: [this], member: 'islamic' });
+        if (this.calendarMode === 'Islamic') {
+            modules.push({ args: [this], member: 'islamic', name: 'Islamic' });
         }
         if (this.enableMask) {
             modules.push(this.maskedDateModule());