vueless 0.0.588 → 0.0.589

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.588",
+  "version": "0.0.589",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.form-calendar/UCalendar.vue

@@ -559,6 +559,8 @@ function onClickSubmit() {
   emit("submit");
 }
 
+let timeInputCount = 0;
+
 function onClickTimeInput(event: MouseEvent) {
   const input = event.target as HTMLInputElement;
 
@@ -568,6 +570,8 @@ function onClickTimeInput(event: MouseEvent) {
 function onFocusTimeInput(event: FocusEvent) {
   const input = event.target as HTMLInputElement;
 
+  timeInputCount = 0;
+
   selectTimeInput(input);
 }
 
@@ -578,6 +582,8 @@ function selectTimeInput(input: HTMLInputElement) {
 }
 
 function onTimeInput(event: InputEvent, type: InputType) {
+  timeInputCount += 1;
+
   const input = event.target as HTMLInputElement;
   const value = input.value;
   const numericValue = Number(value);
@@ -666,6 +672,22 @@ function onTimeInput(event: InputEvent, type: InputType) {
   }
 
   input.value = String(numericValue).padStart(2, "0");
+
+  if (timeInputCount >= 2) {
+    if (isHours && minutesRef.value) {
+      minutesRef.value.focus();
+    }
+
+    if (isMinutes && secondsRef.value) {
+      secondsRef.value.focus();
+    }
+
+    if (isSeconds && okButton.value) {
+      okButton.value.buttonRef?.focus();
+    }
+
+    timeInputCount = 0;
+  }
 }
 
 defineExpose({

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.588",
+  "version": "0.0.589",
   "contributions": {
     "html": {
       "description-markup": "markdown",