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 1b97d9ce1..b31a86414 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 @@ -18,6 +18,8 @@ type MonthPickerProps = { selectClass?: string; readOnly?: boolean; startYear?: number; // 시작 연도 props 추가 + yearReadOnly?: boolean; + enableMonth?: string[]; }; // yyyyMM → Date 객체 @@ -39,6 +41,8 @@ export const DateMonthPicker = ({ selectClass, readOnly = false, startYear, + yearReadOnly = false, + enableMonth, }: MonthPickerProps) => { const [open, setOpen] = useState(false); @@ -78,6 +82,8 @@ export const DateMonthPicker = ({ currentMonth={parsedDate} onMonthChange={handleSelect} startYear={startYear} + yearReadOnly={yearReadOnly} + enableMonth={enableMonth} /> 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 6afbde5e6..9b408183b 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 @@ -29,9 +29,11 @@ export type MonthPickerProps = { shouldClosePopover?: boolean ) => void; startYear?: number; + yearReadOnly?: boolean; + enableMonth?: string[]; }; -export function MonthPicker({ currentMonth, onMonthChange, startYear }: MonthPickerProps) { +export function MonthPicker({ currentMonth, onMonthChange, startYear, yearReadOnly, enableMonth }: MonthPickerProps) { const today = startOfToday(); const currentYear = today.getFullYear(); @@ -60,9 +62,9 @@ const selectedYear = parseInt(yearFromProp); "inline-flex h-9 w-16 items-center justify-center rounded-md p-0 text-sm font-normal ring-offset-white transition-colors hover:bg-slate-100 hover:text-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100 dark:ring-offset-slate-950 dark:hover:bg-slate-800 dark:hover:text-slate-50 dark:focus-visible:ring-slate-800", isEqual(month, currentMonth) && "bg-slate-900 text-slate-50 hover:bg-slate-900 hover:text-slate-50 focus:bg-slate-900 focus:text-slate-50 dark:bg-slate-50 dark:text-slate-900 dark:hover:bg-slate-50 dark:hover:text-slate-900 dark:focus:bg-slate-50 dark:focus:text-slate-900", - !isEqual(month, currentMonth) && - isEqual(month, getStartOfCurrentMonth()) && - "bg-slate-100 text-slate-900 dark:bg-slate-800 dark:text-slate-50" + // !isEqual(month, currentMonth) && + // isEqual(month, getStartOfCurrentMonth()) && + // "bg-slate-100 text-slate-900 dark:bg-slate-800 dark:text-slate-50" ); return ( @@ -73,6 +75,7 @@ const selectedYear = parseInt(yearFromProp);