@renderlesskit/react
Version:
Collection of headless components/hooks that are accessible, composable, customizable from low level to build your own UI & Design System powered by Reakit
458 lines (457 loc) • 30.1 kB
TypeScript
/// <reference types="react" />
import { SegmentHTMLProps, SegmentOptions } from "../segment";
import { DatePickerStateReturn } from ".";
export declare type DatePickerSegmentOptions = SegmentOptions & Partial<Pick<DatePickerStateReturn, "pickerId" | "isDateRangePicker">>;
export declare type DatePickerSegmentHTMLProps = SegmentHTMLProps;
export declare type DatePickerSegmentProps = DatePickerSegmentOptions & DatePickerSegmentHTMLProps;
export declare const useDatePickerSegment: {
(options?: DatePickerSegmentOptions | undefined, htmlProps?: import("reakit").CompositeItemHTMLProps | undefined, unstable_ignoreUseOptions?: boolean | undefined): import("reakit").CompositeItemHTMLProps;
unstable_propsAreEqual: (prev: import("reakit").RoleOptions & {
disabled?: boolean | undefined;
focusable?: boolean | undefined;
} & {
unstable_clickOnEnter?: boolean | undefined;
unstable_clickOnSpace?: boolean | undefined;
} & Pick<Partial<import("reakit").unstable_IdStateReturn>, "baseId" | "unstable_idCountRef"> & {
id?: string | undefined;
} & Pick<Partial<import("reakit").CompositeStateReturn>, "baseId" | "unstable_virtual" | "orientation" | "unstable_moves" | "unstable_hasActiveWidget"> & Pick<import("reakit").CompositeStateReturn, "currentId" | "items" | "registerItem" | "unregisterItem" | "next" | "previous" | "up" | "down" | "first" | "last" | "setCurrentId"> & Pick<{
fieldValue: Date;
setFieldValue: (value: Date) => void;
segments: import("../segment").DateSegment[];
dateFormatter: import("@internationalized/date").DateFormatter;
increment(part: Intl.DateTimeFormatPartTypes): void;
decrement(part: Intl.DateTimeFormatPartTypes): void;
incrementPage(part: Intl.DateTimeFormatPartTypes): void;
decrementPage(part: Intl.DateTimeFormatPartTypes): void;
setSegment(part: Intl.DateTimeFormatPartTypes, v: number): void;
confirmPlaceholder(part: Intl.DateTimeFormatPartTypes): void;
baseId: string;
unstable_idCountRef: import("react").MutableRefObject<number>;
setBaseId: import("react").Dispatch<import("react").SetStateAction<string>>;
unstable_virtual: boolean;
rtl: boolean;
orientation?: import("reakit/ts/Composite/__utils/types").Orientation | undefined;
items: import("reakit/ts/Composite/__utils/types").Item[];
groups: import("reakit/ts/Composite/__utils/types").Group[];
currentId?: string | null | undefined;
loop: boolean | import("reakit/ts/Composite/__utils/types").Orientation;
wrap: boolean | import("reakit/ts/Composite/__utils/types").Orientation;
shift: boolean;
unstable_moves: number;
unstable_hasActiveWidget: boolean;
unstable_includesBaseElement: boolean;
registerItem: (item: import("reakit/ts/Composite/__utils/types").Item) => void;
unregisterItem: (id: string) => void;
registerGroup: (group: import("reakit/ts/Composite/__utils/types").Group) => void;
unregisterGroup: (id: string) => void;
move: (id: string | null) => void;
next: (unstable_allTheWay?: boolean | undefined) => void;
previous: (unstable_allTheWay?: boolean | undefined) => void;
up: (unstable_allTheWay?: boolean | undefined) => void;
down: (unstable_allTheWay?: boolean | undefined) => void;
first: () => void;
last: () => void;
sort: () => void;
unstable_setVirtual: import("react").Dispatch<import("react").SetStateAction<boolean>>;
setRTL: import("react").Dispatch<import("react").SetStateAction<boolean>>;
setOrientation: import("react").Dispatch<import("react").SetStateAction<import("reakit/ts/Composite/__utils/types").Orientation | undefined>>;
setCurrentId: import("react").Dispatch<import("react").SetStateAction<string | null | undefined>>;
setLoop: import("react").Dispatch<import("react").SetStateAction<boolean | import("reakit/ts/Composite/__utils/types").Orientation>>;
setWrap: import("react").Dispatch<import("react").SetStateAction<boolean | import("reakit/ts/Composite/__utils/types").Orientation>>;
setShift: import("react").Dispatch<import("react").SetStateAction<boolean>>;
reset: () => void;
unstable_setIncludesBaseElement: import("react").Dispatch<import("react").SetStateAction<boolean>>;
unstable_setHasActiveWidget: import("react").Dispatch<import("react").SetStateAction<boolean>>;
}, "next" | "fieldValue" | "dateFormatter" | "increment" | "decrement" | "incrementPage" | "decrementPage" | "setSegment" | "confirmPlaceholder"> & {
segment: import("../segment").DateSegment;
isDisabled?: boolean | undefined;
isReadOnly?: boolean | undefined;
isRequired?: boolean | undefined;
} & Partial<Pick<{
calendar: import("..").CalendarStateReturn;
isDateRangePicker: boolean;
fieldValue: Date;
setFieldValue: (value: Date) => void;
segments: import("../segment").DateSegment[];
dateFormatter: import("@internationalized/date").DateFormatter;
increment(part: Intl.DateTimeFormatPartTypes): void;
decrement(part: Intl.DateTimeFormatPartTypes): void;
incrementPage(part: Intl.DateTimeFormatPartTypes): void;
decrementPage(part: Intl.DateTimeFormatPartTypes): void;
setSegment(part: Intl.DateTimeFormatPartTypes, v: number): void;
confirmPlaceholder(part: Intl.DateTimeFormatPartTypes): void;
baseId: string;
unstable_idCountRef: import("react").MutableRefObject<number>;
setBaseId: import("react").Dispatch<import("react").SetStateAction<string>>;
unstable_virtual: boolean;
rtl: boolean;
orientation?: import("reakit/ts/Composite/__utils/types").Orientation | undefined;
items: import("reakit/ts/Composite/__utils/types").Item[];
groups: import("reakit/ts/Composite/__utils/types").Group[];
currentId?: string | null | undefined;
loop: boolean | import("reakit/ts/Composite/__utils/types").Orientation;
wrap: boolean | import("reakit/ts/Composite/__utils/types").Orientation;
shift: boolean;
unstable_moves: number;
unstable_hasActiveWidget: boolean;
unstable_includesBaseElement: boolean;
registerItem: (item: import("reakit/ts/Composite/__utils/types").Item) => void;
unregisterItem: (id: string) => void;
registerGroup: (group: import("reakit/ts/Composite/__utils/types").Group) => void;
unregisterGroup: (id: string) => void;
move: (id: string | null) => void;
next: (unstable_allTheWay?: boolean | undefined) => void;
previous: (unstable_allTheWay?: boolean | undefined) => void;
up: (unstable_allTheWay?: boolean | undefined) => void;
down: (unstable_allTheWay?: boolean | undefined) => void;
first: () => void;
last: () => void;
sort: () => void;
unstable_setVirtual: import("react").Dispatch<import("react").SetStateAction<boolean>>;
setRTL: import("react").Dispatch<import("react").SetStateAction<boolean>>;
setOrientation: import("react").Dispatch<import("react").SetStateAction<import("reakit/ts/Composite/__utils/types").Orientation | undefined>>;
setCurrentId: import("react").Dispatch<import("react").SetStateAction<string | null | undefined>>;
setLoop: import("react").Dispatch<import("react").SetStateAction<boolean | import("reakit/ts/Composite/__utils/types").Orientation>>;
setWrap: import("react").Dispatch<import("react").SetStateAction<boolean | import("reakit/ts/Composite/__utils/types").Orientation>>;
setShift: import("react").Dispatch<import("react").SetStateAction<boolean>>;
reset: () => void;
unstable_setIncludesBaseElement: import("react").Dispatch<import("react").SetStateAction<boolean>>;
unstable_setHasActiveWidget: import("react").Dispatch<import("react").SetStateAction<boolean>>;
visible: boolean;
animated: number | boolean;
animating: boolean;
show: () => void;
hide: () => void;
toggle: () => void;
setVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
setAnimated: import("react").Dispatch<import("react").SetStateAction<number | boolean>>;
stopAnimation: () => void;
modal: boolean;
unstable_disclosureRef: import("react").MutableRefObject<HTMLElement | null>;
setModal: import("react").Dispatch<import("react").SetStateAction<boolean>>;
unstable_referenceRef: import("react").RefObject<HTMLElement | null>;
unstable_popoverRef: import("react").RefObject<HTMLElement | null>;
unstable_arrowRef: import("react").RefObject<HTMLElement | null>;
unstable_popoverStyles: import("react").CSSProperties;
unstable_arrowStyles: import("react").CSSProperties;
unstable_originalPlacement: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top" | "top-end" | "right-start" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left-start";
unstable_update: () => boolean;
placement: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top" | "top-end" | "right-start" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left-start";
place: import("react").Dispatch<import("react").SetStateAction<"auto" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top" | "top-end" | "right-start" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left-start">>;
pickerId: string | undefined;
dialogId: string | undefined;
isDisabled: boolean | undefined;
isReadOnly: boolean | undefined;
segmentFocus: (() => void) | undefined;
dateValue: string;
setDateValue: import("react").Dispatch<import("react").SetStateAction<string>>;
selectDate: (newValue: string) => void;
validationState: import("@react-types/shared").ValidationState;
minValue: string | undefined;
maxValue: string | undefined;
isRequired: boolean | undefined;
}, "pickerId" | "isDateRangePicker">> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
} & {
disabled?: boolean | undefined;
}, next: import("reakit").RoleOptions & {
disabled?: boolean | undefined;
focusable?: boolean | undefined;
} & {
unstable_clickOnEnter?: boolean | undefined;
unstable_clickOnSpace?: boolean | undefined;
} & Pick<Partial<import("reakit").unstable_IdStateReturn>, "baseId" | "unstable_idCountRef"> & {
id?: string | undefined;
} & Pick<Partial<import("reakit").CompositeStateReturn>, "baseId" | "unstable_virtual" | "orientation" | "unstable_moves" | "unstable_hasActiveWidget"> & Pick<import("reakit").CompositeStateReturn, "currentId" | "items" | "registerItem" | "unregisterItem" | "next" | "previous" | "up" | "down" | "first" | "last" | "setCurrentId"> & Pick<{
fieldValue: Date;
setFieldValue: (value: Date) => void;
segments: import("../segment").DateSegment[];
dateFormatter: import("@internationalized/date").DateFormatter;
increment(part: Intl.DateTimeFormatPartTypes): void;
decrement(part: Intl.DateTimeFormatPartTypes): void;
incrementPage(part: Intl.DateTimeFormatPartTypes): void;
decrementPage(part: Intl.DateTimeFormatPartTypes): void;
setSegment(part: Intl.DateTimeFormatPartTypes, v: number): void;
confirmPlaceholder(part: Intl.DateTimeFormatPartTypes): void;
baseId: string;
unstable_idCountRef: import("react").MutableRefObject<number>;
setBaseId: import("react").Dispatch<import("react").SetStateAction<string>>;
unstable_virtual: boolean;
rtl: boolean;
orientation?: import("reakit/ts/Composite/__utils/types").Orientation | undefined;
items: import("reakit/ts/Composite/__utils/types").Item[];
groups: import("reakit/ts/Composite/__utils/types").Group[];
currentId?: string | null | undefined;
loop: boolean | import("reakit/ts/Composite/__utils/types").Orientation;
wrap: boolean | import("reakit/ts/Composite/__utils/types").Orientation;
shift: boolean;
unstable_moves: number;
unstable_hasActiveWidget: boolean;
unstable_includesBaseElement: boolean;
registerItem: (item: import("reakit/ts/Composite/__utils/types").Item) => void;
unregisterItem: (id: string) => void;
registerGroup: (group: import("reakit/ts/Composite/__utils/types").Group) => void;
unregisterGroup: (id: string) => void;
move: (id: string | null) => void;
next: (unstable_allTheWay?: boolean | undefined) => void;
previous: (unstable_allTheWay?: boolean | undefined) => void;
up: (unstable_allTheWay?: boolean | undefined) => void;
down: (unstable_allTheWay?: boolean | undefined) => void;
first: () => void;
last: () => void;
sort: () => void;
unstable_setVirtual: import("react").Dispatch<import("react").SetStateAction<boolean>>;
setRTL: import("react").Dispatch<import("react").SetStateAction<boolean>>;
setOrientation: import("react").Dispatch<import("react").SetStateAction<import("reakit/ts/Composite/__utils/types").Orientation | undefined>>;
setCurrentId: import("react").Dispatch<import("react").SetStateAction<string | null | undefined>>;
setLoop: import("react").Dispatch<import("react").SetStateAction<boolean | import("reakit/ts/Composite/__utils/types").Orientation>>;
setWrap: import("react").Dispatch<import("react").SetStateAction<boolean | import("reakit/ts/Composite/__utils/types").Orientation>>;
setShift: import("react").Dispatch<import("react").SetStateAction<boolean>>;
reset: () => void;
unstable_setIncludesBaseElement: import("react").Dispatch<import("react").SetStateAction<boolean>>;
unstable_setHasActiveWidget: import("react").Dispatch<import("react").SetStateAction<boolean>>;
}, "next" | "fieldValue" | "dateFormatter" | "increment" | "decrement" | "incrementPage" | "decrementPage" | "setSegment" | "confirmPlaceholder"> & {
segment: import("../segment").DateSegment;
isDisabled?: boolean | undefined;
isReadOnly?: boolean | undefined;
isRequired?: boolean | undefined;
} & Partial<Pick<{
calendar: import("..").CalendarStateReturn;
isDateRangePicker: boolean;
fieldValue: Date;
setFieldValue: (value: Date) => void;
segments: import("../segment").DateSegment[];
dateFormatter: import("@internationalized/date").DateFormatter;
increment(part: Intl.DateTimeFormatPartTypes): void;
decrement(part: Intl.DateTimeFormatPartTypes): void;
incrementPage(part: Intl.DateTimeFormatPartTypes): void;
decrementPage(part: Intl.DateTimeFormatPartTypes): void;
setSegment(part: Intl.DateTimeFormatPartTypes, v: number): void;
confirmPlaceholder(part: Intl.DateTimeFormatPartTypes): void;
baseId: string;
unstable_idCountRef: import("react").MutableRefObject<number>;
setBaseId: import("react").Dispatch<import("react").SetStateAction<string>>;
unstable_virtual: boolean;
rtl: boolean;
orientation?: import("reakit/ts/Composite/__utils/types").Orientation | undefined;
items: import("reakit/ts/Composite/__utils/types").Item[];
groups: import("reakit/ts/Composite/__utils/types").Group[];
currentId?: string | null | undefined;
loop: boolean | import("reakit/ts/Composite/__utils/types").Orientation;
wrap: boolean | import("reakit/ts/Composite/__utils/types").Orientation;
shift: boolean;
unstable_moves: number;
unstable_hasActiveWidget: boolean;
unstable_includesBaseElement: boolean;
registerItem: (item: import("reakit/ts/Composite/__utils/types").Item) => void;
unregisterItem: (id: string) => void;
registerGroup: (group: import("reakit/ts/Composite/__utils/types").Group) => void;
unregisterGroup: (id: string) => void;
move: (id: string | null) => void;
next: (unstable_allTheWay?: boolean | undefined) => void;
previous: (unstable_allTheWay?: boolean | undefined) => void;
up: (unstable_allTheWay?: boolean | undefined) => void;
down: (unstable_allTheWay?: boolean | undefined) => void;
first: () => void;
last: () => void;
sort: () => void;
unstable_setVirtual: import("react").Dispatch<import("react").SetStateAction<boolean>>;
setRTL: import("react").Dispatch<import("react").SetStateAction<boolean>>;
setOrientation: import("react").Dispatch<import("react").SetStateAction<import("reakit/ts/Composite/__utils/types").Orientation | undefined>>;
setCurrentId: import("react").Dispatch<import("react").SetStateAction<string | null | undefined>>;
setLoop: import("react").Dispatch<import("react").SetStateAction<boolean | import("reakit/ts/Composite/__utils/types").Orientation>>;
setWrap: import("react").Dispatch<import("react").SetStateAction<boolean | import("reakit/ts/Composite/__utils/types").Orientation>>;
setShift: import("react").Dispatch<import("react").SetStateAction<boolean>>;
reset: () => void;
unstable_setIncludesBaseElement: import("react").Dispatch<import("react").SetStateAction<boolean>>;
unstable_setHasActiveWidget: import("react").Dispatch<import("react").SetStateAction<boolean>>;
visible: boolean;
animated: number | boolean;
animating: boolean;
show: () => void;
hide: () => void;
toggle: () => void;
setVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
setAnimated: import("react").Dispatch<import("react").SetStateAction<number | boolean>>;
stopAnimation: () => void;
modal: boolean;
unstable_disclosureRef: import("react").MutableRefObject<HTMLElement | null>;
setModal: import("react").Dispatch<import("react").SetStateAction<boolean>>;
unstable_referenceRef: import("react").RefObject<HTMLElement | null>;
unstable_popoverRef: import("react").RefObject<HTMLElement | null>;
unstable_arrowRef: import("react").RefObject<HTMLElement | null>;
unstable_popoverStyles: import("react").CSSProperties;
unstable_arrowStyles: import("react").CSSProperties;
unstable_originalPlacement: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top" | "top-end" | "right-start" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left-start";
unstable_update: () => boolean;
placement: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top" | "top-end" | "right-start" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left-start";
place: import("react").Dispatch<import("react").SetStateAction<"auto" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top" | "top-end" | "right-start" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left-start">>;
pickerId: string | undefined;
dialogId: string | undefined;
isDisabled: boolean | undefined;
isReadOnly: boolean | undefined;
segmentFocus: (() => void) | undefined;
dateValue: string;
setDateValue: import("react").Dispatch<import("react").SetStateAction<string>>;
selectDate: (newValue: string) => void;
validationState: import("@react-types/shared").ValidationState;
minValue: string | undefined;
maxValue: string | undefined;
isRequired: boolean | undefined;
}, "pickerId" | "isDateRangePicker">> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
} & {
disabled?: boolean | undefined;
}) => boolean;
__keys: readonly any[];
__useOptions: (options: DatePickerSegmentOptions, htmlProps: import("reakit").CompositeItemHTMLProps) => DatePickerSegmentOptions;
};
export declare const DatePickerSegment: import("../system").Component<"div", import("reakit").RoleOptions & {
disabled?: boolean | undefined;
focusable?: boolean | undefined;
} & {
unstable_clickOnEnter?: boolean | undefined;
unstable_clickOnSpace?: boolean | undefined;
} & Pick<Partial<import("reakit").unstable_IdStateReturn>, "baseId" | "unstable_idCountRef"> & {
id?: string | undefined;
} & Pick<Partial<import("reakit").CompositeStateReturn>, "baseId" | "unstable_virtual" | "orientation" | "unstable_moves" | "unstable_hasActiveWidget"> & Pick<import("reakit").CompositeStateReturn, "currentId" | "items" | "registerItem" | "unregisterItem" | "next" | "previous" | "up" | "down" | "first" | "last" | "setCurrentId"> & Pick<{
fieldValue: Date;
setFieldValue: (value: Date) => void;
segments: import("../segment").DateSegment[];
dateFormatter: import("@internationalized/date").DateFormatter;
increment(part: Intl.DateTimeFormatPartTypes): void;
decrement(part: Intl.DateTimeFormatPartTypes): void;
incrementPage(part: Intl.DateTimeFormatPartTypes): void;
decrementPage(part: Intl.DateTimeFormatPartTypes): void;
setSegment(part: Intl.DateTimeFormatPartTypes, v: number): void;
confirmPlaceholder(part: Intl.DateTimeFormatPartTypes): void;
baseId: string;
unstable_idCountRef: import("react").MutableRefObject<number>;
setBaseId: import("react").Dispatch<import("react").SetStateAction<string>>;
unstable_virtual: boolean;
rtl: boolean;
orientation?: import("reakit/ts/Composite/__utils/types").Orientation | undefined;
items: import("reakit/ts/Composite/__utils/types").Item[];
groups: import("reakit/ts/Composite/__utils/types").Group[];
currentId?: string | null | undefined;
loop: boolean | import("reakit/ts/Composite/__utils/types").Orientation;
wrap: boolean | import("reakit/ts/Composite/__utils/types").Orientation;
shift: boolean;
unstable_moves: number;
unstable_hasActiveWidget: boolean;
unstable_includesBaseElement: boolean;
registerItem: (item: import("reakit/ts/Composite/__utils/types").Item) => void;
unregisterItem: (id: string) => void;
registerGroup: (group: import("reakit/ts/Composite/__utils/types").Group) => void;
unregisterGroup: (id: string) => void;
move: (id: string | null) => void;
next: (unstable_allTheWay?: boolean | undefined) => void;
previous: (unstable_allTheWay?: boolean | undefined) => void;
up: (unstable_allTheWay?: boolean | undefined) => void;
down: (unstable_allTheWay?: boolean | undefined) => void;
first: () => void;
last: () => void;
sort: () => void;
unstable_setVirtual: import("react").Dispatch<import("react").SetStateAction<boolean>>;
setRTL: import("react").Dispatch<import("react").SetStateAction<boolean>>;
setOrientation: import("react").Dispatch<import("react").SetStateAction<import("reakit/ts/Composite/__utils/types").Orientation | undefined>>;
setCurrentId: import("react").Dispatch<import("react").SetStateAction<string | null | undefined>>;
setLoop: import("react").Dispatch<import("react").SetStateAction<boolean | import("reakit/ts/Composite/__utils/types").Orientation>>;
setWrap: import("react").Dispatch<import("react").SetStateAction<boolean | import("reakit/ts/Composite/__utils/types").Orientation>>;
setShift: import("react").Dispatch<import("react").SetStateAction<boolean>>;
reset: () => void;
unstable_setIncludesBaseElement: import("react").Dispatch<import("react").SetStateAction<boolean>>;
unstable_setHasActiveWidget: import("react").Dispatch<import("react").SetStateAction<boolean>>;
}, "next" | "fieldValue" | "dateFormatter" | "increment" | "decrement" | "incrementPage" | "decrementPage" | "setSegment" | "confirmPlaceholder"> & {
segment: import("../segment").DateSegment;
isDisabled?: boolean | undefined;
isReadOnly?: boolean | undefined;
isRequired?: boolean | undefined;
} & Partial<Pick<{
calendar: import("..").CalendarStateReturn;
isDateRangePicker: boolean;
fieldValue: Date;
setFieldValue: (value: Date) => void;
segments: import("../segment").DateSegment[];
dateFormatter: import("@internationalized/date").DateFormatter;
increment(part: Intl.DateTimeFormatPartTypes): void;
decrement(part: Intl.DateTimeFormatPartTypes): void;
incrementPage(part: Intl.DateTimeFormatPartTypes): void;
decrementPage(part: Intl.DateTimeFormatPartTypes): void;
setSegment(part: Intl.DateTimeFormatPartTypes, v: number): void;
confirmPlaceholder(part: Intl.DateTimeFormatPartTypes): void;
baseId: string;
unstable_idCountRef: import("react").MutableRefObject<number>;
setBaseId: import("react").Dispatch<import("react").SetStateAction<string>>;
unstable_virtual: boolean;
rtl: boolean;
orientation?: import("reakit/ts/Composite/__utils/types").Orientation | undefined;
items: import("reakit/ts/Composite/__utils/types").Item[];
groups: import("reakit/ts/Composite/__utils/types").Group[];
currentId?: string | null | undefined;
loop: boolean | import("reakit/ts/Composite/__utils/types").Orientation;
wrap: boolean | import("reakit/ts/Composite/__utils/types").Orientation;
shift: boolean;
unstable_moves: number;
unstable_hasActiveWidget: boolean;
unstable_includesBaseElement: boolean;
registerItem: (item: import("reakit/ts/Composite/__utils/types").Item) => void;
unregisterItem: (id: string) => void;
registerGroup: (group: import("reakit/ts/Composite/__utils/types").Group) => void;
unregisterGroup: (id: string) => void;
move: (id: string | null) => void;
next: (unstable_allTheWay?: boolean | undefined) => void;
previous: (unstable_allTheWay?: boolean | undefined) => void;
up: (unstable_allTheWay?: boolean | undefined) => void;
down: (unstable_allTheWay?: boolean | undefined) => void;
first: () => void;
last: () => void;
sort: () => void;
unstable_setVirtual: import("react").Dispatch<import("react").SetStateAction<boolean>>;
setRTL: import("react").Dispatch<import("react").SetStateAction<boolean>>;
setOrientation: import("react").Dispatch<import("react").SetStateAction<import("reakit/ts/Composite/__utils/types").Orientation | undefined>>;
setCurrentId: import("react").Dispatch<import("react").SetStateAction<string | null | undefined>>;
setLoop: import("react").Dispatch<import("react").SetStateAction<boolean | import("reakit/ts/Composite/__utils/types").Orientation>>;
setWrap: import("react").Dispatch<import("react").SetStateAction<boolean | import("reakit/ts/Composite/__utils/types").Orientation>>;
setShift: import("react").Dispatch<import("react").SetStateAction<boolean>>;
reset: () => void;
unstable_setIncludesBaseElement: import("react").Dispatch<import("react").SetStateAction<boolean>>;
unstable_setHasActiveWidget: import("react").Dispatch<import("react").SetStateAction<boolean>>;
visible: boolean;
animated: number | boolean;
animating: boolean;
show: () => void;
hide: () => void;
toggle: () => void;
setVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
setAnimated: import("react").Dispatch<import("react").SetStateAction<number | boolean>>;
stopAnimation: () => void;
modal: boolean;
unstable_disclosureRef: import("react").MutableRefObject<HTMLElement | null>;
setModal: import("react").Dispatch<import("react").SetStateAction<boolean>>;
unstable_referenceRef: import("react").RefObject<HTMLElement | null>;
unstable_popoverRef: import("react").RefObject<HTMLElement | null>;
unstable_arrowRef: import("react").RefObject<HTMLElement | null>;
unstable_popoverStyles: import("react").CSSProperties;
unstable_arrowStyles: import("react").CSSProperties;
unstable_originalPlacement: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top" | "top-end" | "right-start" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left-start";
unstable_update: () => boolean;
placement: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top" | "top-end" | "right-start" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left-start";
place: import("react").Dispatch<import("react").SetStateAction<"auto" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top" | "top-end" | "right-start" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left-start">>;
pickerId: string | undefined;
dialogId: string | undefined;
isDisabled: boolean | undefined;
isReadOnly: boolean | undefined;
segmentFocus: (() => void) | undefined;
dateValue: string;
setDateValue: import("react").Dispatch<import("react").SetStateAction<string>>;
selectDate: (newValue: string) => void;
validationState: import("@react-types/shared").ValidationState;
minValue: string | undefined;
maxValue: string | undefined;
isRequired: boolean | undefined;
}, "pickerId" | "isDateRangePicker">> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
} & {
disabled?: boolean | undefined;
}>;