From 64540e397e150b2b468cac3dec90c7dcb8cb683e Mon Sep 17 00:00:00 2001
From: Hyang-Dan <baekyangdan@naver.com>
Date: Sun, 14 Dec 2025 02:59:10 +0900
Subject: [PATCH] =?UTF-8?q?issue=20#60=20-=20z-index=20=EC=9D=B4=EC=8A=88?=
 =?UTF-8?q?=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/ui/component/calendar/CustomCalendar.tsx | 37 ++++++++------------
 1 file changed, 14 insertions(+), 23 deletions(-)

diff --git a/src/ui/component/calendar/CustomCalendar.tsx b/src/ui/component/calendar/CustomCalendar.tsx
index a5b2244..f4b7c36 100644
--- a/src/ui/component/calendar/CustomCalendar.tsx
+++ b/src/ui/component/calendar/CustomCalendar.tsx
@@ -394,28 +394,6 @@ export const CustomCalendar = ({ data }: CustomCalendarProps) => {
         open={popoverOpen}
         onOpenChange={handleOpenChange}
       >
-        {
-          barPositions.map(pos => (
-            <PopoverTrigger
-              onClick={(e) => {
-                e.stopPropagation();
-                
-              }}
-              asChild
-            >
-              <div
-                key={pos.segmentId}
-                className={cn(
-                  `flex flex-row justify-start items-center absolute`,
-                  "py-0.5 px-2 rounded-sm text-xs text-white overflow-hidden"
-                )}
-                style={{...pos.positionStyle, backgroundColor: pos.style}}
-              >
-                {pos.name}
-              </div>
-            </PopoverTrigger>
-          ))
-        }
         <Calendar 
           mode="single"
           className="h-full w-full border border-indigo-200 rounded-lg shadow-sm shadow-indigo-200"
@@ -453,7 +431,20 @@ export const CustomCalendar = ({ data }: CustomCalendarProps) => {
             )
           }}
         />
-        
+        {
+          barPositions.map(pos => (
+              <div
+                key={pos.segmentId}
+                className={cn(
+                  `flex flex-row justify-start items-center absolute`,
+                  "py-0.5 px-2 rounded-sm text-xs text-white overflow-hidden"
+                )}
+                style={{...pos.positionStyle, backgroundColor: pos.style}}
+              >
+                {pos.name}
+              </div>
+          ))
+        }
         <SchedulePopover 
           date={selectedDate}
           open={popoverOpen}