From a7c8420e6a100d5034055496748d343283b379de Mon Sep 17 00:00:00 2001
From: swcho <swcho@mind-one.co.kr>
Date: Mon, 23 Jun 2025 18:20:04 +0900
Subject: [PATCH 1/3] =?UTF-8?q?feat:=20DatePicker=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20readOnly=20=EC=86=8D=EC=84=B1=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/ui/date_picker/index.tsx              | 30 ++++++++++---------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/packages/common/business_components/src/ui/date_picker/index.tsx b/packages/common/business_components/src/ui/date_picker/index.tsx
index d3a6a05c1..9df32b3b5 100644
--- a/packages/common/business_components/src/ui/date_picker/index.tsx
+++ b/packages/common/business_components/src/ui/date_picker/index.tsx
@@ -12,37 +12,39 @@ import { FormControl } from "../form";
 import { ko } from "date-fns/locale";
 import { useState } from "react";
 
-type DatePickerProps = DayPickerSingleProps & { field: { value: Date; onChange: (date: Date | undefined) => void  } ,selectClass:string|undefined   };
-
-
-export function DatePicker({ field, selectClass }: DatePickerProps) {
+type DatePickerProps = DayPickerSingleProps & { field: { value: Date; onChange: (date: Date | undefined) => void }, selectClass: string | undefined, readOnly?: boolean };
 
 
+export function DatePicker({ field, selectClass, readOnly = false, ...props }: DatePickerProps) {
     const [open, setOpen] = useState(false);
 
     const handleSelect = (date: Date | undefined) => {
-        field.onChange(date);      // React Hook Form 업데이트
-        setOpen(false);         
-      };
+        if (!readOnly) { // readOnly가 아닐 때만 변경 허용
+            field.onChange(date);      // React Hook Form 업데이트
+            setOpen(false);
+        }
+    };
+
     return (
-        <Popover open={open} onOpenChange={setOpen}>
+        <Popover open={open && !readOnly} onOpenChange={readOnly ? undefined : setOpen}>
             <PopoverTrigger asChild>
                 <FormControl>
                     <Button
                         color="white"
                         variant={"outline"}
-                        className={!selectClass? cn(
+                        disabled={readOnly} // readOnly일 때 버튼 비활성화
+                        className={!selectClass ? cn(
                             "w-[240px] pl-3 text-left font-normal",
                             !field?.value && "text-muted-foreground",
-                            
-                        ):selectClass}
+                            readOnly && "opacity-60 cursor-not-allowed" // readOnly 스타일 추가
+                        ) : cn(selectClass, readOnly && "opacity-60 cursor-not-allowed")}
                     >
                         {field?.value ? (
                             format(
                                 field.value instanceof Date && !isNaN(field.value.getTime())
-                                ? field.value
-                                : new Date()
-                                
+                                    ? field.value
+                                    : new Date()
+
                                 , "PPP", { locale: ko })
                         ) : (
                             <span>Pick a date</span>

From 302381b23d4207f6c3e102210d372e8c5dc43177 Mon Sep 17 00:00:00 2001
From: swcho <swcho@mind-one.co.kr>
Date: Mon, 23 Jun 2025 18:46:19 +0900
Subject: [PATCH 2/3] =?UTF-8?q?feat:=20SelectBox=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20readOnly=20=EC=86=8D=EC=84=B1=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/business_components/src/ui/select/index.tsx     | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/common/business_components/src/ui/select/index.tsx b/packages/common/business_components/src/ui/select/index.tsx
index ee6296677..f29ae921a 100644
--- a/packages/common/business_components/src/ui/select/index.tsx
+++ b/packages/common/business_components/src/ui/select/index.tsx
@@ -16,15 +16,16 @@ const SelectBox = React.forwardRef<
     className:string, 
     selectArray:SelectBox1[], 
     onSelectValue:(val:string|number)=>void,
-    value?: string|number
+    value?: string|number,
+    readOnly?: boolean // readOnly 속성 추가
   }
->(({ label, className, selectClass, selectArray, onSelectValue, value }, ref)=>{
+>(({ label, className, selectClass, selectArray, onSelectValue, value, readOnly = false }, ref)=>{
   const placeHolder = selectArray?.[0]?.text ?? "";
 
   return (
     <div className={className+" flex items-center"} ref={ref}>
       {label && <Label className="w-20 text-xl text-gray-600">{label}</Label>}
-      <Select onValueChange={onSelectValue} value={value !== undefined ? String(value) : undefined}>
+      <Select onValueChange={onSelectValue} value={value !== undefined ? String(value) : undefined} disabled={readOnly}>
         <SelectTrigger className={selectClass?selectClass:"flex-1 p-2 border rounded"}>
           <SelectValue placeholder={placeHolder} />
         </SelectTrigger>

From 64005dcf2a657181dbc3a9c12c651b701783ec54 Mon Sep 17 00:00:00 2001
From: swcho <swcho@mind-one.co.kr>
Date: Mon, 23 Jun 2025 20:24:53 +0900
Subject: [PATCH 3/3] =?UTF-8?q?feat:=20SelectBox=20Label=20=ED=95=9C=20?=
 =?UTF-8?q?=EC=A4=84=EB=A1=9C=20=ED=91=9C=EC=8B=9C=ED=95=98=EB=8F=84?=
 =?UTF-8?q?=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/common/business_components/src/ui/select/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/common/business_components/src/ui/select/index.tsx b/packages/common/business_components/src/ui/select/index.tsx
index ee6296677..2370e0fa9 100644
--- a/packages/common/business_components/src/ui/select/index.tsx
+++ b/packages/common/business_components/src/ui/select/index.tsx
@@ -23,7 +23,7 @@ const SelectBox = React.forwardRef<
 
   return (
     <div className={className+" flex items-center"} ref={ref}>
-      {label && <Label className="w-20 text-xl text-gray-600">{label}</Label>}
+      {label && <Label className="whitespace-nowrap w-20 text-xl text-gray-600">{label}</Label>}
       <Select onValueChange={onSelectValue} value={value !== undefined ? String(value) : undefined}>
         <SelectTrigger className={selectClass?selectClass:"flex-1 p-2 border rounded"}>
           <SelectValue placeholder={placeHolder} />