@wavemaker/app-ng-runtime 11.5.2-rc.5436 → 11.5.3-next.141099

app-ng-runtime/components/input/epoch/fesm2020/index.mjs

@@ -1313,17 +1313,14 @@ class BaseDateTimeComponent extends BaseFormCustomComponent {
         this.invalidDateTimeFormat = false;
         this.invokeOnChange(this.datavalue, undefined, false);
     }
-    updateTimeValue(el, value, fieldName) {
-        let minEl = el.find('input[aria-label="minutes"]');
-        let secEl = el.find('input[aria-label="seconds"]');
-        minEl.value = secEl.value = '00';
+    updateTimeValue(value, fieldName) {
         if (value.length < 2) {
             setTimeout(() => {
-                fieldName === 'minutes' ? this.bsTimePicker.updateMinutes(minEl) : this.bsTimePicker.updateSeconds(secEl);
+                fieldName === 'minutes' ? this.bsTimePicker.updateMinutes('00') : this.bsTimePicker.updateSeconds('00');
             }, 500);
         }
         else {
-            fieldName === 'minutes' ? this.bsTimePicker.updateMinutes(minEl) : this.bsTimePicker.updateSeconds(secEl);
+            fieldName === 'minutes' ? this.bsTimePicker.updateMinutes('00') : this.bsTimePicker.updateSeconds('00');
         }
     }
     /**
@@ -1338,7 +1335,7 @@ class BaseDateTimeComponent extends BaseFormCustomComponent {
             _.forEach(inputFields, (field, index) => {
                 if (evt.target !== field && field.value === '' && hourValue.length) {
                     const fieldName = index === 1 ? 'minutes' : 'seconds';
-                    this.updateTimeValue($el, hourValue, fieldName);
+                    this.updateTimeValue(hourValue, fieldName);
                 }
             });
         });
@@ -1713,6 +1710,8 @@ class DateComponent extends BaseDateTimeComponent {
      * This is an internal method triggered when the date input changes
      */
     onDisplayDateChange($event, isNativePicker = false) {
+        this.datepattern = this.appDefaults.dateFormat || getDisplayDateTimeFormat(FormWidgetType.DATE);
+        this.updateFormat('datepattern');
         if (this.isEnterPressedOnDateInput) {
             this.isEnterPressedOnDateInput = false;
             return;
@@ -1794,7 +1793,7 @@ class DateComponent extends BaseDateTimeComponent {
      */
     toggleDpDropdown($event, skipFocus = false) {
         if (this.loadNativeDateInput) {
-            // Fixes click event getting triggred twice in Mobile devices.
+            //Fixes click event getting triggred twice in Mobile devices.
             if (!skipFocus) {
                 this.onDateTimeInputFocus();
             }
@@ -1826,6 +1825,8 @@ class DateComponent extends BaseDateTimeComponent {
      * This is an internal method triggered when pressing key on the date input
      */
     onDisplayKeydown(event) {
+        this.datepattern = this.appDefaults.dateFormat || getDisplayDateTimeFormat(FormWidgetType.DATE);
+        this.updateFormat('datepattern');
         if (this.isDropDownDisplayEnabledOnInput(this.showdropdownon)) {
             event.stopPropagation();
             if (event.key === 'Enter') {
@@ -1862,6 +1863,8 @@ class DateComponent extends BaseDateTimeComponent {
      * This is an internal method triggered when the date selection changes
      */
     onDateChange(newVal) {
+        this.datepattern = this.appDefaults.dateFormat || getDisplayDateTimeFormat(FormWidgetType.DATE);
+        this.updateFormat('datepattern');
         /**
          *  Ngx-bootstrap upgrade : To avoid the page load datechange event;
          *  TODO: