+
-
- {{name}}
- {{date}}
-
+ }" class="block h-5 w-1 rounded">
+
{{name}}
+
{{date}}
diff --git a/packages/nc-gui/components/smartsheet/calendar/SideMenu.vue b/packages/nc-gui/components/smartsheet/calendar/SideMenu.vue
index 16ff23416a..d89d350cdd 100644
--- a/packages/nc-gui/components/smartsheet/calendar/SideMenu.vue
+++ b/packages/nc-gui/components/smartsheet/calendar/SideMenu.vue
@@ -79,7 +79,7 @@ const activeDates = ref([new Date()])
'h-[calc(100vh-40rem)]': activeCalendarView === ('day' as const) || activeCalendarView === ('week' as const),
'h-[calc(100vh-29rem)]': activeCalendarView === ('month' as const) || activeCalendarView === ('year' as const),
}" class="gap-2 flex flex-col nc-scrollbar-md overflow-y-auto nc-calendar-top-height">
-
diff --git a/packages/nc-gui/components/smartsheet/calendar/SideRecordCard.vue b/packages/nc-gui/components/smartsheet/calendar/SideRecordCard.vue
new file mode 100644
index 0000000000..810b850460
--- /dev/null
+++ b/packages/nc-gui/components/smartsheet/calendar/SideRecordCard.vue
@@ -0,0 +1,38 @@
+
+
+