diff --git a/core/core-frontend/package.json b/core/core-frontend/package.json
index 872ffd1ece..6ec4f9777a 100644
--- a/core/core-frontend/package.json
+++ b/core/core-frontend/package.json
@@ -24,7 +24,7 @@
     "axios": "^1.3.3",
     "crypto-js": "^4.1.1",
     "dayjs": "^1.11.9",
-    "element-plus-secondary": "^0.4.16",
+    "element-plus-secondary": "^0.5.1",
     "element-resize-detector": "^1.2.4",
     "file-saver": "^2.0.5",
     "html-to-image": "^1.11.11",
diff --git a/core/core-frontend/src/custom-component/v-query/DynamicTimeRange.vue b/core/core-frontend/src/custom-component/v-query/DynamicTimeRange.vue
index 79cd6306ed..e41738bc83 100644
--- a/core/core-frontend/src/custom-component/v-query/DynamicTimeRange.vue
+++ b/core/core-frontend/src/custom-component/v-query/DynamicTimeRange.vue
@@ -149,7 +149,6 @@ const init = () => {
     'end-config'
   )
 
-  console.log('startTime, endTime', startTime, endTime)
   selectValue.value = [startTime, endTime]
 }
 
@@ -165,7 +164,7 @@ const formatDate = computed(() => {
 <template>
   <el-date-picker
     disabled
-    v-if="rendering && config.timeGranularityMultiple !== 'yearrange'"
+    v-if="rendering"
     v-model="selectValue"
     :type="config.timeGranularityMultiple"
     :prefix-icon="Calendar"
@@ -174,15 +173,4 @@ const formatDate = computed(() => {
     :start-placeholder="$t('datasource.start_time')"
     :end-placeholder="$t('datasource.end_time')"
   />
-  <el-date-picker
-    v-else
-    disabled
-    v-model="selectValue"
-    type="yearrange"
-    :prefix-icon="Calendar"
-    format="YYYY"
-    :range-separator="$t('cron.to')"
-    :start-placeholder="$t('datasource.start_time')"
-    :end-placeholder="$t('datasource.end_time')"
-  />
 </template>
diff --git a/core/core-frontend/src/router/index.ts b/core/core-frontend/src/router/index.ts
index a6d785a921..1ebe8639d5 100644
--- a/core/core-frontend/src/router/index.ts
+++ b/core/core-frontend/src/router/index.ts
@@ -27,6 +27,13 @@ export const routes: AppRouteRecordRaw[] = [
     meta: {},
     component: () => import('@/views/login/index.vue')
   },
+  {
+    path: '/home',
+    name: 'home',
+    hidden: true,
+    meta: {},
+    component: () => import('@/views/home/index.vue')
+  },
   {
     path: '/dvCanvas',
     name: 'dvCanvas',
diff --git a/core/core-frontend/src/views/home/index.vue b/core/core-frontend/src/views/home/index.vue
index 8291758705..bd2bd11c3d 100644
--- a/core/core-frontend/src/views/home/index.vue
+++ b/core/core-frontend/src/views/home/index.vue
@@ -1 +1,13 @@
-<template>home</template>
+<script lang="ts" setup>
+import { type DateModelType } from 'element-plus-secondary'
+import { ref } from 'vue'
+const selectValue = ref<[DateModelType, DateModelType]>([new Date(), new Date()])
+</script>
+
+<template>
+  <div>
+    <el-date-picker v-model="selectValue" type="yearrange" format="YYYY" />
+  </div>
+</template>
+
+<style lang="less" scoped></style>