import { ReactNode } from 'react'; import { DateRange, DayPickerProps, Matcher } from 'react-day-picker'; /** react-day-picker `formatWeekdayName` 포맷터 — 요일을 한국어 한 글자로 표시. */ declare const formatWeekdayName: (date: Date) => string; /** 각 날짜 하단에 렌더할 텍스트를 반환하는 함수. 반환값이 없으면 해당 날짜엔 텍스트를 표시하지 않는다. */ type DayTextRenderer = (date: Date) => ReactNode; /** * 날짜 버튼 기본 스타일(크기·hover·focus·disabled). 색상/선택 상태와 무관한 구조 스타일이라 * primitive가 소유하고, composed 레이어(기간용 aria-selected 변형 등)가 이 위에 조합한다. */ declare const DAY_BUTTON_BASE: string; type CalendarPrimitiveProps = DayPickerProps & { /** 각 날짜 하단에 버튼과 독립적으로 렌더할 텍스트. 지정 시 셀 아래에 typo-c2 텍스트가 표시된다. */ renderDayText?: DayTextRenderer; }; /** * DatePicker primitive. `react-day-picker`의 `DayPicker`를 디자인 시스템 스타일로 감싼 저수준 래퍼로, * 단일/기간 선택 UI를 조립할 때 기반이 된다. `classNames`/`formatters`는 기본값 위에 병합된다. * `renderDayText`를 주면 각 날짜 하단에 버튼과 독립적인 텍스트를 렌더한다. * (top-level `Calendar` export는 아이콘이 선점하고 있어 primitive는 `CalendarPrimitive`로 노출한다.) */ declare function CalendarPrimitive({ className, classNames, components, formatters, renderDayText, ...props }: CalendarPrimitiveProps): import("react").JSX.Element; export type { CalendarPrimitiveProps, DateRange, DayPickerProps, DayTextRenderer, Matcher }; export { CalendarPrimitive, DAY_BUTTON_BASE, formatWeekdayName }; //# sourceMappingURL=calendar.d.ts.map