import * as _react_types_datepicker from '@react-types/datepicker'; import { AriaDateRangePickerProps } from '@react-types/datepicker'; import * as tailwind_variants from 'tailwind-variants'; import * as react from 'react'; import { DateValue } from '@internationalized/date'; import { TimeInputProps, DateInputGroupProps, DateInputProps } from '@nextui-org/date-input'; import { ButtonProps } from '@nextui-org/button'; import { RangeCalendarProps } from '@nextui-org/calendar'; import { PopoverProps } from '@nextui-org/popover'; import { DOMAttributes } from '@react-types/shared'; import { DateRangePickerState } from '@react-stately/datepicker'; import { UseDatePickerBaseProps } from './use-date-picker-base.js'; import { DateRangePickerFieldProps } from './date-range-picker-field.js'; import { SlotsToClasses, DateRangePickerSlots } from '@nextui-org/theme'; import '@nextui-org/system'; interface Props extends Omit, keyof AriaDateRangePickerProps> { /** * Classname or List of classes to change the classNames of the element. * if `className` is passed, it will be added to the base slot. * * @example * ```ts * * ``` */ classNames?: SlotsToClasses & DateInputProps["classNames"]; } type UseDateRangePickerProps = Props & AriaDateRangePickerProps; declare function useDateRangePicker({ as, isInvalid: isInvalidProp, description, startContent, endContent, selectorIcon, errorMessage, className, classNames, ...originalProps }: UseDateRangePickerProps): { state: DateRangePickerState; label: react.ReactNode; slots: { base: (slotProps?: ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({} & tailwind_variants.ClassProp) | undefined) => string; selectorButton: (slotProps?: ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({} & tailwind_variants.ClassProp) | undefined) => string; selectorIcon: (slotProps?: ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({} & tailwind_variants.ClassProp) | undefined) => string; popoverContent: (slotProps?: ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({} & tailwind_variants.ClassProp) | undefined) => string; calendar: (slotProps?: ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({} & tailwind_variants.ClassProp) | undefined) => string; calendarContent: (slotProps?: ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({} & tailwind_variants.ClassProp) | undefined) => string; timeInputLabel: (slotProps?: ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({} & tailwind_variants.ClassProp) | undefined) => string; timeInput: (slotProps?: ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({} & tailwind_variants.ClassProp) | undefined) => string; } & { calendar: (slotProps?: ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({} & tailwind_variants.ClassProp) | undefined) => string; bottomContent: (slotProps?: ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({} & tailwind_variants.ClassProp) | undefined) => string; timeInputWrapper: (slotProps?: ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({} & tailwind_variants.ClassProp) | undefined) => string; separator: (slotProps?: ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({ [x: string]: string | number | undefined; [x: number]: string | number | undefined; } & tailwind_variants.ClassProp) | ({} & tailwind_variants.ClassProp) | undefined) => string; } & {}; classNames: (SlotsToClasses<"base" | "selectorButton" | "selectorIcon" | "popoverContent" | "calendar" | "calendarContent" | "timeInputLabel" | "timeInput" | "bottomContent" | "separator" | "timeInputWrapper"> & SlotsToClasses<"base" | "label" | "description" | "errorMessage" | "input" | "helperWrapper" | "inputWrapper" | "innerWrapper" | "segment">) | undefined; startContent: react.ReactNode; endContent: react.ReactNode; selectorIcon: react.ReactNode; showTimeField: boolean; isCalendarHeaderExpanded: boolean | undefined; disableAnimation: boolean; CalendarTopContent: react.ReactNode; CalendarBottomContent: react.ReactNode; getStartDateInputProps: (props?: DOMAttributes) => DateRangePickerFieldProps<_react_types_datepicker.DateValue>; getEndDateInputProps: (props?: DOMAttributes) => DateRangePickerFieldProps<_react_types_datepicker.DateValue>; getStartTimeInputProps: () => TimeInputProps<_react_types_datepicker.TimeValue>; getEndTimeInputProps: () => TimeInputProps<_react_types_datepicker.TimeValue>; getPopoverProps: (props?: DOMAttributes) => PopoverProps; getSelectorButtonProps: () => ButtonProps; getCalendarProps: () => RangeCalendarProps; getSeparatorProps: () => { "data-slot": string; className: string; }; getSelectorIconProps: () => { className: string; "data-slot": string; }; getDateInputGroupProps: () => DateInputGroupProps; }; type UseDateRangePickerReturn = ReturnType; export { UseDateRangePickerProps, UseDateRangePickerReturn, useDateRangePicker };