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>