Merge branch 'iipbs/common/main' into iipbs/sn/ii

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>

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>