diff --git a/ui/package.json b/ui/package.json
index ae5bcd5cf7d..00226bd17d5 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -33,6 +33,7 @@
"axios": "^1.19.0",
"codemirror": "^6.0.2",
"cropperjs": "^1.6.3",
+ "dayjs": "^1.11.23",
"dingtalk-jsapi": "^3.2.9",
"dompurify": "^3.4.14",
"echarts": "^6.1.0",
diff --git a/ui/pnpm-lock.yaml b/ui/pnpm-lock.yaml
index 496c570f675..a099c50d6d2 100644
--- a/ui/pnpm-lock.yaml
+++ b/ui/pnpm-lock.yaml
@@ -59,6 +59,9 @@ importers:
cropperjs:
specifier: ^1.6.3
version: 1.6.3
+ dayjs:
+ specifier: ^1.11.23
+ version: 1.11.23
dingtalk-jsapi:
specifier: ^3.2.9
version: 3.2.9
diff --git a/ui/src/App.vue b/ui/src/App.vue
index 7a6d565972b..fcef9f678fb 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -1,5 +1,7 @@
diff --git a/ui/src/components/global/markdown-editor/MdPreview.vue b/ui/src/components/global/markdown-editor/MdPreview.vue
index cc37812189e..9bacc3da2ae 100644
--- a/ui/src/components/global/markdown-editor/MdPreview.vue
+++ b/ui/src/components/global/markdown-editor/MdPreview.vue
@@ -1,17 +1,14 @@
diff --git a/ui/src/layout/avatar-dropdown/index.vue b/ui/src/layout/avatar-dropdown/index.vue
index 3606e0c2b27..1203aa38c45 100644
--- a/ui/src/layout/avatar-dropdown/index.vue
+++ b/ui/src/layout/avatar-dropdown/index.vue
@@ -1,6 +1,7 @@