diff --git a/resources/assets/js/components/MicroApps.vue b/resources/assets/js/components/MicroApps.vue
index 55d731ef9..5caf4c141 100644
--- a/resources/assets/js/components/MicroApps.vue
+++ b/resources/assets/js/components/MicroApps.vue
@@ -30,6 +30,7 @@ import { EventCenterForMicroApp, unmountAllApps } from '@micro-zoe/micro-app'
 import DialogWrapper from '../pages/manage/components/DialogWrapper.vue'
 import UserSelect from "./UserSelect.vue";
 import { languageList, languageType } from "../language";
+import { DatePicker } from 'view-design-hi';
 
 export default {
     name: "MicroApps",
@@ -117,7 +118,8 @@ export default {
                     store,
                     components: {
                         DialogWrapper,
-                        UserSelect
+                        UserSelect,
+                        DatePicker
                     }
                 },
                 theme: this.themeMode,