From ffb15a7e3a64f6b798e58fbcbc6bd10e4b6481bf Mon Sep 17 00:00:00 2001
From: leedj312 <dlehd467@gmail.com>
Date: Thu, 13 Mar 2025 11:32:11 +0900
Subject: [PATCH] =?UTF-8?q?date=20picker=20=EC=88=98=EC=A0=95=5F=201.=20se?=
 =?UTF-8?q?lectClass=202.=EC=95=84=EC=9D=B4=EC=BD=98=20=EA=B0=84=EA=B2=A9?=
 =?UTF-8?q?=20css=EC=88=98=EC=A0=95=203.color=20white=EA=B3=A0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/ui/date_picker/index.tsx                   | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 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 37dbcb096..16aa2c075 100644
--- a/packages/common/business_components/src/ui/date_picker/index.tsx
+++ b/packages/common/business_components/src/ui/date_picker/index.tsx
@@ -10,26 +10,28 @@ import { Button, Calendar, Popover, PopoverContent, PopoverTrigger } from "@comm
 import { cn } from "../../lib/utils";
 import { FormControl } from "../form";
 
-type DatePickerProps = DayPickerSingleProps & { field: { value: Date; onChange: (date: Date | undefined) => void } };
+type DatePickerProps = DayPickerSingleProps & { field: { value: Date; onChange: (date: Date | undefined) => void  } ,selectClass:string|undefined   };
 
-export function DatePicker({ field }: DatePickerProps) {
+export function DatePicker({ field, selectClass }: DatePickerProps) {
     return (
         <Popover>
             <PopoverTrigger asChild>
                 <FormControl>
                     <Button
+                        color="white"
                         variant={"outline"}
-                        className={cn(
+                        className={!selectClass? cn(
                             "w-[240px] pl-3 text-left font-normal",
-                            !field?.value && "text-muted-foreground"
-                        )}
+                            !field?.value && "text-muted-foreground",
+                            
+                        ):selectClass}
                     >
                         {field?.value ? (
                             format(field?.value, "PPP")
                         ) : (
                             <span>Pick a date</span>
                         )}
-                        <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
+                        <CalendarIcon className="h-4" />
                     </Button>
                 </FormControl>
             </PopoverTrigger>