From daab622638aa292c1346f3a2706e7ec912619e7d Mon Sep 17 00:00:00 2001
From: Hyang-Dan <baekyangdan@naver.com>
Date: Wed, 3 Dec 2025 22:51:13 +0900
Subject: [PATCH] =?UTF-8?q?issue=20#59=20-=20=EC=9D=BC=EC=A0=95=20?=
 =?UTF-8?q?=EB=A9=94=EC=9D=B8=20=ED=99=94=EB=A9=B4=20=EA=B5=AC=ED=98=84=20?=
 =?UTF-8?q?=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/index.css                             |  1 +
 src/ui/page/schedule/ScheduleMainPage.tsx | 29 ++++++++++-------------
 2 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/src/index.css b/src/index.css
index 7cdd06f..7510af1 100644
--- a/src/index.css
+++ b/src/index.css
@@ -124,6 +124,7 @@ html, body, #root {
   height: 100%;
   min-width: 1280px;
   min-height: 720px;
+  max-height: 1080px;
 }
 
 /* Chrome, Safari, Edge */
diff --git a/src/ui/page/schedule/ScheduleMainPage.tsx b/src/ui/page/schedule/ScheduleMainPage.tsx
index d99c82f..0ea282e 100644
--- a/src/ui/page/schedule/ScheduleMainPage.tsx
+++ b/src/ui/page/schedule/ScheduleMainPage.tsx
@@ -1,26 +1,23 @@
 import { Calendar } from "@/components/ui/calendar";
-import { DayButton } from "react-day-picker";
+import { cn } from "@/lib/utils";
+import { getDefaultClassNames } from "react-day-picker";
 
 export function ScheduleMainPage() {
+  const defaultClassNames = getDefaultClassNames();
+
   return (
-    <div className="w-full h-full flex flex-col justify-start items-center">
-      <Calendar
+    <div className="w-full h-full p-2">
+      <Calendar 
         mode="single"
-        className="rounded-lg w-full h-full max-h-10/12 border"
-        components={{
-          Weeks: (props) => (
-            <tbody {...props} className={props.className}></tbody>
+        className="border w-full rounded-lg"
+        classNames={{
+          month_grid: cn(
+            defaultClassNames.month_grid,
+            "w-full"
           ),
-          Week: (props) => (
-            <tr {...props} className={props.className + " h-1/10"}></tr>
-          ),
-          Day: (props) => (
-            <td {...props} className={props.className + " h-1"}></td>
-          )
+          
         }}
-      >
-        
-      </Calendar>
+      />
     </div>
   )
 }
\ No newline at end of file