From 7c1cc6df65822576ae95cd3fd5839da8ba7a59ee Mon Sep 17 00:00:00 2001
From: leedj312 <dlehd467@gmail.com>
Date: Thu, 3 Apr 2025 18:26:39 +0900
Subject: [PATCH] =?UTF-8?q?datepicker=20=ED=95=9C=EA=B8=80=20=EB=B0=8F=20?=
 =?UTF-8?q?=EC=84=A0=ED=83=9D=ED=9B=84=20=ED=8C=9D=EC=98=A4=EB=B2=84=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/ui/date_picker/index.tsx                | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 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 a7694789b..8fcd9b52e 100644
--- a/packages/common/business_components/src/ui/date_picker/index.tsx
+++ b/packages/common/business_components/src/ui/date_picker/index.tsx
@@ -10,12 +10,23 @@ import { Button, Calendar, Popover, PopoverContent, PopoverTrigger } from "@comm
 import { cn } from "../../lib/utils";
 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) {
+
+
+    const [open, setOpen] = useState(false);
+
+    const handleSelect = (date: Date | undefined) => {
+        field.onChange(date);      // React Hook Form 업데이트
+        setOpen(false);         
+      };
+    
     return (
-        <Popover>
+        <Popover open={open} onOpenChange={setOpen}>
             <PopoverTrigger asChild>
                 <FormControl>
                     <Button
@@ -28,7 +39,7 @@ export function DatePicker({ field, selectClass }: DatePickerProps) {
                         ):selectClass}
                     >
                         {field?.value ? (
-                            format(field?.value, "PPP")
+                            format(field?.value, "PPP", { locale: ko })
                         ) : (
                             <span>Pick a date</span>
                         )}
@@ -40,7 +51,7 @@ export function DatePicker({ field, selectClass }: DatePickerProps) {
                 <Calendar
                     mode="single"
                     selected={field?.value}
-                    onSelect={field?.onChange}
+                    onSelect={handleSelect}
                     initialFocus
                     locale={ko}
                 />