UNPKG

@payfit/unity-components

Version:

24 lines (23 loc) 1.26 kB
import { DateValue } from '@internationalized/date'; import { CalendarProps as AriaDateCalendarProps } from 'react-aria-components/Calendar'; type PropsFromAriaCalendar<TDate extends DateValue> = AriaDateCalendarProps<TDate>; export type DateCalendarProps<TDate extends DateValue> = PropsFromAriaCalendar<TDate>; /** * The `DateCalendar` component displays one or more date grids and allows users to navigate through dates select a single date. * @param {DateCalendarProps} props - The props for the `DateCalendar` component * @example * ```tsx * import { DateCalendar } from '@payfit/unity-components' * import { CalendarDate } from '@internationalized/date' * * const [date, setDate] = useState(new CalendatDate(2022, 1, 1)) * <DateCalendar value={date} onChange={setDate} /> * ``` * @see {@link DateCalendarProps} for all available props * @remarks [API and Demos](https://unity-components.payfit.io/?path=/docs/date-and-time-datecalendar--docs) */ declare function DateCalendar<TDate extends DateValue>({ value, defaultValue, minValue, maxValue, onChange, onFocusChange, ...props }: DateCalendarProps<TDate>): import("react/jsx-runtime").JSX.Element; declare namespace DateCalendar { var displayName: string; } export { DateCalendar };