@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
133 lines (132 loc) • 9.71 kB
TypeScript
/// <reference types="react" />
import { PickerBaseTriggerHTMLProps, PickerBaseTriggerOptions } from "../picker-base";
export declare type DatePickerTriggerOptions = PickerBaseTriggerOptions;
export declare type DatePickerTriggerHTMLProps = PickerBaseTriggerHTMLProps;
export declare type DatePickerTriggerProps = DatePickerTriggerOptions & DatePickerTriggerHTMLProps;
export declare const useDatePickerTrigger: {
(options?: PickerBaseTriggerOptions | undefined, htmlProps?: import("reakit/ts").ButtonHTMLProps | undefined, unstable_ignoreUseOptions?: boolean | undefined): import("reakit/ts").ButtonHTMLProps;
unstable_propsAreEqual: (prev: import("reakit/ts").RoleOptions & {
disabled?: boolean | undefined;
focusable?: boolean | undefined;
} & {
unstable_clickOnEnter?: boolean | undefined;
unstable_clickOnSpace?: boolean | undefined;
} & Pick<Partial<import("reakit/ts").DisclosureStateReturn>, "visible"> & Pick<import("reakit/ts").DisclosureStateReturn, "baseId" | "toggle"> & Pick<Partial<import("reakit/ts").DialogStateReturn>, "unstable_disclosureRef"> & Pick<import("reakit/ts").DialogStateReturn, "toggle"> & Pick<Partial<import("reakit/ts").PopoverStateReturn>, "unstable_referenceRef"> & Pick<{
baseId: string;
unstable_idCountRef: import("react").MutableRefObject<number>;
visible: boolean;
animated: number | boolean;
animating: boolean;
setBaseId: import("react").Dispatch<import("react").SetStateAction<string>>;
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;
}, "isDisabled" | "isReadOnly"> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
} & {
disabled?: boolean | undefined;
} & import("react").ButtonHTMLAttributes<any>, next: import("reakit/ts").RoleOptions & {
disabled?: boolean | undefined;
focusable?: boolean | undefined;
} & {
unstable_clickOnEnter?: boolean | undefined;
unstable_clickOnSpace?: boolean | undefined;
} & Pick<Partial<import("reakit/ts").DisclosureStateReturn>, "visible"> & Pick<import("reakit/ts").DisclosureStateReturn, "baseId" | "toggle"> & Pick<Partial<import("reakit/ts").DialogStateReturn>, "unstable_disclosureRef"> & Pick<import("reakit/ts").DialogStateReturn, "toggle"> & Pick<Partial<import("reakit/ts").PopoverStateReturn>, "unstable_referenceRef"> & Pick<{
baseId: string;
unstable_idCountRef: import("react").MutableRefObject<number>;
visible: boolean;
animated: number | boolean;
animating: boolean;
setBaseId: import("react").Dispatch<import("react").SetStateAction<string>>;
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;
}, "isDisabled" | "isReadOnly"> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
} & {
disabled?: boolean | undefined;
} & import("react").ButtonHTMLAttributes<any>) => boolean;
__keys: readonly any[];
__useOptions: (options: PickerBaseTriggerOptions, htmlProps: import("reakit/ts").ButtonHTMLProps) => PickerBaseTriggerOptions;
};
export declare const DatePickerTrigger: import("../system").Component<"button", import("reakit/ts").RoleOptions & {
disabled?: boolean | undefined;
focusable?: boolean | undefined;
} & {
unstable_clickOnEnter?: boolean | undefined;
unstable_clickOnSpace?: boolean | undefined;
} & Pick<Partial<import("reakit/ts").DisclosureStateReturn>, "visible"> & Pick<import("reakit/ts").DisclosureStateReturn, "baseId" | "toggle"> & Pick<Partial<import("reakit/ts").DialogStateReturn>, "unstable_disclosureRef"> & Pick<import("reakit/ts").DialogStateReturn, "toggle"> & Pick<Partial<import("reakit/ts").PopoverStateReturn>, "unstable_referenceRef"> & Pick<{
baseId: string;
unstable_idCountRef: import("react").MutableRefObject<number>;
visible: boolean;
animated: number | boolean;
animating: boolean;
setBaseId: import("react").Dispatch<import("react").SetStateAction<string>>;
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;
}, "isDisabled" | "isReadOnly"> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
} & {
disabled?: boolean | undefined;
} & import("react").ButtonHTMLAttributes<any>>;