@ascentgl/ads-ui 0.0.66 → 0.0.67

package/fesm2022/ascentgl-ads-ui.mjs

@@ -6608,25 +6608,38 @@ class AdsTimeFieldComponent extends AdsInputDropdownComponent {
     onBlurUpdateTime() {
         let timeValue = this.valueControl.value;
         if (timeValue) {
-            // Normalize the time value based on the mask
+            // Handle 3-digit input
             if (timeValue.length === 3) {
-                // Add a missing "0" to the minutes
-                timeValue = timeValue.slice(0, 2) + ':0' + timeValue.slice(2);
+                let hours = parseInt(timeValue.slice(0, 2), 10);
+                let minutes = timeValue.slice(2);
+                // If the first two digits form a valid hour (00-23), treat as HHM → HH:MM
+                if (hours >= 0 && hours <= 23) {
+                    timeValue = `${hours.toString().padStart(2, '0')}:0${minutes}`;
+                }
+                else {
+                    // Otherwise, treat as HMM → HH:MM
+                    hours = parseInt(timeValue.charAt(0), 10);
+                    minutes = timeValue.slice(1);
+                    timeValue = `${hours.toString().padStart(2, '0')}:${minutes}`;
+                }
             }
+            // Handle 4-digit input without a colon (e.g., "2200" → "22:00")
+            else if (timeValue.length === 4 && !timeValue.includes(':')) {
+                let hours = parseInt(timeValue.slice(0, 2), 10);
+                const minutes = timeValue.slice(2);
+                // Adjust hours if greater than 23
+                if (hours >= 24) {
+                    hours -= 24;
+                }
+                timeValue = `${hours.toString().padStart(2, '0')}:${minutes}`;
+            }
+            // Handle 4-character input with one-minute digit (e.g., "22:2" → "22:20")
             else if (timeValue.length === 4 && timeValue.includes(':')) {
-                // Add a trailing "0" to minutes if only one digit is present
                 const [hours, minutes] = timeValue.split(':');
                 if (minutes.length === 1) {
                     timeValue = `${hours}:${minutes}0`;
                 }
             }
-            else if (timeValue.length === 4) {
-                // If the value is 4 digits long, treat it as HHMM and split it into hours and minutes
-                const hours = timeValue.slice(0, 2); // First two digits as hours
-                const minutes = timeValue.slice(2); // Last two digits as minutes
-                // Ensure the minutes are 2 digits
-                timeValue = `${hours}:${minutes}`;
-            }
             // Update the form control value in HH:mm format
             this.valueControl.setValue(timeValue, { emitEvent: false });
         }