diff --git a/core/core-frontend/src/custom-component/v-query/Time.vue b/core/core-frontend/src/custom-component/v-query/Time.vue
index fb48fb3c9c..1016c5e992 100644
--- a/core/core-frontend/src/custom-component/v-query/Time.vue
+++ b/core/core-frontend/src/custom-component/v-query/Time.vue
@@ -241,8 +241,13 @@ const calendarChange = val => {
   startWindowTime.value = +new Date(val[0])
 }
 
-const visibleChange = () => {
+const datePicker = ref()
+
+const visibleChange = (visible: boolean) => {
   startWindowTime.value = 0
+  if (!visible) {
+    datePicker.value?.blur()
+  }
 }
 
 const queryTimeType = computed(() => {
@@ -471,6 +476,7 @@ const formatDate = computed(() => {
     :key="config.timeGranularityMultiple"
     :type="config.timeGranularityMultiple"
     :style="selectStyle"
+    ref="datePicker"
     @visible-change="visibleChange"
     :disabled-date="disabledDate"
     @calendar-change="calendarChange"