(최겸) date-picker 컴포넌트 수정(minDate?, MaxDate? 추가, 현 날짜 기준 과거 날짜 선택 제한 기능 추가 목적으로 개발됨)

1 files changed, 10 insertions, 1 deletions

diff --git a/components/ui/date-picker.tsx b/components/ui/date-picker.tsx
index a88a8679..80ce6ea1 100644
--- a/components/ui/date-picker.tsx
+++ b/components/ui/date-picker.tsx
@@ -19,6 +19,8 @@ interface DatePickerProps {
   disabled?: boolean
   placeholder?: string
   className?: string
+  minDate?: Date
+  maxDate?: Date
 }
 
 export function DatePicker({
@@ -27,6 +29,8 @@ export function DatePicker({
   disabled = false,
   placeholder = "날짜 선택",
   className,
+  minDate,
+  maxDate,
 }: DatePickerProps) {
   // 내부 상태 관리와 외부 상태 관리를 모두 지원
   const [internalDate, setInternalDate] = React.useState<Date | undefined>(date)
@@ -67,7 +71,12 @@ export function DatePicker({
           selected={displayDate}
           onSelect={handleSelect}
           initialFocus
-          disabled={disabled}
+          disabled={(date) => {
+            if (disabled) return true
+            if (minDate && date < minDate) return true
+            if (maxDate && date > maxDate) return true
+            return false
+          }}
         />
       </PopoverContent>
     </Popover>