diff --git a/src/components/common/VnInput.vue b/src/components/common/VnInput.vue index 26160929c..1246eedcd 100644 --- a/src/components/common/VnInput.vue +++ b/src/components/common/VnInput.vue @@ -103,6 +103,7 @@ const mixinRules = [ @click=" () => { value = null; + vnInputRef.focus(); emit('remove'); } " diff --git a/src/components/common/VnInputDate.vue b/src/components/common/VnInputDate.vue index fd8993d6f..3d5afaf80 100644 --- a/src/components/common/VnInputDate.vue +++ b/src/components/common/VnInputDate.vue @@ -20,6 +20,7 @@ const { validations } = useValidator(); const { t } = useI18n(); const requiredFieldRule = (val) => validations().required($attrs.required, val); +const vnInputDateRef = ref(null); const dateFormat = 'DD/MM/YYYY'; const isPopupOpen = ref(); @@ -91,6 +92,7 @@ const styleAttrs = computed(() => { <template> <div @mouseover="hover = true" @mouseleave="hover = false"> <QInput + ref="vnInputDateRef" v-model="formattedDate" class="vn-input-date" :mask="mask" @@ -113,6 +115,7 @@ const styleAttrs = computed(() => { !$attrs.disable " @click=" + vnInputDateRef.focus(); model = null; isPopupOpen = false; " diff --git a/src/components/common/VnInputTime.vue b/src/components/common/VnInputTime.vue index 42ec79479..a5e7d3002 100644 --- a/src/components/common/VnInputTime.vue +++ b/src/components/common/VnInputTime.vue @@ -16,6 +16,7 @@ const props = defineProps({ default: false, }, }); +const vnInputTimeRef = ref(null); const initialDate = ref(model.value ?? Date.vnNew()); const { t } = useI18n(); const requiredFieldRule = (val) => validations().required($attrs.required, val); @@ -69,6 +70,7 @@ function dateToTime(newDate) { <template> <div @mouseover="hover = true" @mouseleave="hover = false"> <QInput + ref="vnInputTimeRef" class="vn-input-time" mask="##:##" placeholder="--:--" @@ -92,6 +94,7 @@ function dateToTime(newDate) { !$attrs.disable " @click=" + vnInputTimeRef.focus(); model = null; isPopupOpen = false; "