@payfit/unity-components
Version:
24 lines (23 loc) • 1.26 kB
TypeScript
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 };