diff --git a/frontend/components/dashboard/DashboardViewer.tsx b/frontend/components/dashboard/DashboardViewer.tsx
index 036a18ac..5598d943 100644
--- a/frontend/components/dashboard/DashboardViewer.tsx
+++ b/frontend/components/dashboard/DashboardViewer.tsx
@@ -25,6 +25,7 @@ const DocumentWidget = dynamic(() => import("./widgets/DocumentWidget"), { ssr:
 const BookingAlertWidget = dynamic(() => import("./widgets/BookingAlertWidget"), { ssr: false });
 const MaintenanceWidget = dynamic(() => import("./widgets/MaintenanceWidget"), { ssr: false });
 const CalculatorWidget = dynamic(() => import("./widgets/CalculatorWidget"), { ssr: false });
+const CalendarWidget = dynamic(() => import("@/components/admin/dashboard/widgets/CalendarWidget").then(mod => ({ default: mod.CalendarWidget })), { ssr: false });
 
 /**
  * 위젯 렌더링 함수 - DashboardSidebar의 모든 subtype 처리
@@ -57,14 +58,7 @@ function renderWidget(element: DashboardElement) {
     case "risk-alert":
       return <RiskAlertWidget />;
     case "calendar":
-      return (
-        <div className="flex h-full w-full items-center justify-center bg-gradient-to-br from-green-400 to-teal-600 p-4 text-white">
-          <div className="text-center">
-            <div className="mb-2 text-3xl">📅</div>
-            <div className="text-sm">달력 위젯 (개발 예정)</div>
-          </div>
-        </div>
-      );
+      return <CalendarWidget element={element} />;
     case "status-summary":
       return <StatusSummaryWidget element={element} />;