import { Dayjs } from 'dayjs'; export type CalendarValue = Dayjs | null; export type CalendarStatus = 'error' | 'success' | 'inactive'; /** * @deprecated Use `Calendar` from `@tedi-design-system/react/tedi` instead. */ export interface CalendarProps { /** * Currently selected value. Accepts a dayjs date object. * Used only if onChange is also defined */ value?: CalendarValue; /** * Calendar picker initial value. Accepts a dayjs date object. */ defaultValue?: CalendarValue; /** * onChange handler. * Triggers each time when new value is selected from calendar picker. */ onChange?: (value: CalendarValue) => void; /** * If true, the picker and text field are disabled. */ disabled?: boolean; /** * If true future days are disabled. */ disableFuture?: boolean; /** * If true, today's date is rendering without highlighting with circle. */ disableHighlightToday?: boolean; /** * If true past days are disabled. */ disablePast?: boolean; /** * If true renders LoadingComponent in calendar instead of calendar view. Can be used to preload information and show it in calendar. */ loading?: boolean; /** * minDate to set minDate user can select. * If want to disable past dates use disablePast boolean. */ minDate?: Dayjs; /** * maxDate to set maxDate user can select. * If want to disable future dates use disableFuture boolean. */ maxDate?: Dayjs; /** * Make picker read only. */ readOnly?: boolean; /** * Controlled open view. * @default day */ view?: 'day' | 'month' | 'year'; /** * Views for calendar picker. * @default [day] */ views?: Array<'day' | 'month' | 'year'>; /** * If true, days that have outsideCurrentMonth={true} are displayed. * @default false */ showDaysOutsideCurrentMonth?: boolean; /** * Highlight specific date */ shouldHighlightDate?: (day: CalendarValue) => boolean; /** * Disable specific date. */ shouldDisableDate?: (day: CalendarValue) => boolean; /** * Disable specific months dynamically. Works like shouldDisableDate but for month selection view */ shouldDisableMonth?: (month: CalendarValue) => boolean; /** * Disable specific years dynamically. Works like shouldDisableDate but for year selection view */ shouldDisableYear?: (month: CalendarValue) => boolean; /** * Shows status on date. Return the status type or undefined */ shouldShowStatusOnDate?: (day: CalendarValue) => CalendarStatus | undefined; } /** * @deprecated Use `Calendar` from `@tedi-design-system/react/tedi` instead. */ export declare const Calendar: (props: CalendarProps) => JSX.Element; export default Calendar;