From 921592a12181119d33726dc1a45a988280691abb Mon Sep 17 00:00:00 2001
From: swcho <swcho@mind-one.co.kr>
Date: Mon, 7 Jul 2025 14:51:39 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20DateMonthPicker=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20startYerar=20props=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/ui/date_month_picker/index.tsx               |  3 +++
 .../src/ui/date_month_picker/mothPicker.tsx          | 12 +++++++++---
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/common/business_components/src/ui/date_month_picker/index.tsx b/packages/common/business_components/src/ui/date_month_picker/index.tsx
index d318b561f..1b97d9ce1 100644
--- a/packages/common/business_components/src/ui/date_month_picker/index.tsx
+++ b/packages/common/business_components/src/ui/date_month_picker/index.tsx
@@ -17,6 +17,7 @@ type MonthPickerProps = {
   field: { value: string; onChange: (date: string) => void }; // yyyyMM 문자열
   selectClass?: string;
   readOnly?: boolean;
+  startYear?: number; // 시작 연도 props 추가
 };
 
 // yyyyMM → Date 객체
@@ -37,6 +38,7 @@ export const DateMonthPicker = ({
   field,
   selectClass,
   readOnly = false,
+  startYear,
 }: MonthPickerProps) => {
   const [open, setOpen] = useState(false);
 
@@ -75,6 +77,7 @@ export const DateMonthPicker = ({
         <MonthPicker
           currentMonth={parsedDate}
           onMonthChange={handleSelect}
+          startYear={startYear}
         />
       </PopoverContent>
     </Popover>
diff --git a/packages/common/business_components/src/ui/date_month_picker/mothPicker.tsx b/packages/common/business_components/src/ui/date_month_picker/mothPicker.tsx
index acf17fba4..6afbde5e6 100644
--- a/packages/common/business_components/src/ui/date_month_picker/mothPicker.tsx
+++ b/packages/common/business_components/src/ui/date_month_picker/mothPicker.tsx
@@ -28,9 +28,10 @@ export type MonthPickerProps = {
     newMonth: Date | undefined,
     shouldClosePopover?: boolean
   ) => void;
+  startYear?: number;
 };
 
-export function MonthPicker({ currentMonth, onMonthChange }: MonthPickerProps) {
+export function MonthPicker({ currentMonth, onMonthChange, startYear }: MonthPickerProps) {
 
   const today = startOfToday();
 const currentYear = today.getFullYear();
@@ -46,7 +47,12 @@ const selectedYear = parseInt(yearFromProp);
   
 
 
-  const yearRange = Array.from({ length: 21 }, (_, i) => currentYear - 20 + i);
+  // startYear가 없으면 기존과 동일하게 (현재년도 - 20년부터 현재년도까지)
+  // startYear가 있으면 해당 년도부터 현재년도까지, 내림차순으로 정렬
+  const yearRange = startYear 
+    ? Array.from({ length: currentYear - startYear + 1 }, (_, i) => currentYear - i)
+    : Array.from({ length: 21 }, (_, i) => currentYear - 20 + i);
+
   const months = eachMonthOfInterval({ start: fullYearStart, end: yearEnd });
 
   const getMonthButtonClass = (month: Date) =>
@@ -77,7 +83,7 @@ const selectedYear = parseInt(yearFromProp);
                 onMonthChange(newDate, false);
               }}
             >
-              <SelectTrigger className="w-[120px] h-7">
+              <SelectTrigger className="w-[140px] h-9 text-base">
                 <SelectValue placeholder="년도" />
               </SelectTrigger>
               <SelectContent>