From b75caf4f7baf01314fd3628e1b80cb30e06254c8 Mon Sep 17 00:00:00 2001
From: swcho <swcho@mind-one.co.kr>
Date: Thu, 10 Jul 2025 15:34:37 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20DatePickerRange=EC=97=90=20z-index=20pr?=
 =?UTF-8?q?ops=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../business_components/src/ui/date_picker_range/index.tsx  | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/common/business_components/src/ui/date_picker_range/index.tsx b/packages/common/business_components/src/ui/date_picker_range/index.tsx
index 70565230a..91bbb84f1 100644
--- a/packages/common/business_components/src/ui/date_picker_range/index.tsx
+++ b/packages/common/business_components/src/ui/date_picker_range/index.tsx
@@ -12,12 +12,14 @@ import { Popover, PopoverContent, PopoverTrigger } from "@common/components/ui";
 type DatePickerRangeProps = {
   placeholder?: string;
   disabled?: boolean | ((date: Date) => boolean);
+  zIndex?: number; // z-index prop 추가
 } & DayPickerSingleProps;
 
 export function DatePickerRange({
   className,
   placeholder = "날짜 선택",
   disabled,
+  zIndex,
   ...props
 }: DatePickerRangeProps) {
   return (
@@ -36,8 +38,8 @@ export function DatePickerRange({
           )}
         </Button>
       </PopoverTrigger>
-      <PopoverContent className="w-auto p-0">
-        <Calendar initialFocus classNames={{ cell: "rounded-md" }} {...props} 
+      <PopoverContent className={cn("w-auto p-0", zIndex ? `!z-[${zIndex}]` : "")}>
+        <Calendar initialFocus classNames={{ cell: "rounded-md" }} {...props}
           disabled={typeof disabled === "function" ? disabled : undefined}
         />
       </PopoverContent>