@renderlesskit/react/dist/types/timepicker/TimePickerSegment.d.ts

Collection of headless components/hooks that are accessible, composable, customizable from low level to build your own UI & Design System powered by Reakit

/// <reference types="react" />
import { SegmentHTMLProps, SegmentOptions } from "../segment";
import { TimePickerStateReturn } from "./TimePickerState";
export declare type TimePickerSegmentOptions = SegmentOptions & TimePickerStateReturn;
export declare type TimePickerSegmentHTMLProps = SegmentHTMLProps;
export declare type TimePickerSegmentProps = TimePickerSegmentOptions & TimePickerSegmentHTMLProps;
export declare const useTimePickerSegment: {
    (options?: TimePickerSegmentOptions | undefined, htmlProps?: import("reakit/ts").CompositeItemHTMLProps | undefined, unstable_ignoreUseOptions?: boolean | undefined): import("reakit/ts").CompositeItemHTMLProps;
    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").unstable_IdStateReturn>, "baseId" | "unstable_idCountRef"> & {
        id?: string | undefined;
    } & Pick<Partial<import("reakit/ts").CompositeStateReturn>, "baseId" | "unstable_virtual" | "orientation" | "unstable_moves" | "unstable_hasActiveWidget"> & Pick<import("reakit/ts").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;
    } & {
        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;
        time: Date;
        hours: number[];
        minutes: number[];
        meridies: string[];
        hourState: {
            up: (unstable_allTheWay?: boolean | undefined) => void;
            down: (unstable_allTheWay?: boolean | undefined) => 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;
            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>>;
            popover: {
                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;
            } | undefined;
            date: Date;
            selected: number;
            setSelected: (value: number, close?: boolean | undefined) => void;
            visible: boolean | undefined;
            columnType: import("./TimePickerColumnState").ColumnType;
            restoreOldTime: (() => Date) | undefined;
            updateOldTime: (() => void) | undefined;
        };
        minuteState: {
            up: (unstable_allTheWay?: boolean | undefined) => void;
            down: (unstable_allTheWay?: boolean | undefined) => 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;
            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>>;
            popover: {
                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;
            } | undefined;
            date: Date;
            selected: number;
            setSelected: (value: number, close?: boolean | undefined) => void;
            visible: boolean | undefined;
            columnType: import("./TimePickerColumnState").ColumnType;
            restoreOldTime: (() => Date) | undefined;
            updateOldTime: (() => void) | undefined;
        };
        meridiesState: {
            up: (unstable_allTheWay?: boolean | undefined) => void;
            down: (unstable_allTheWay?: boolean | undefined) => 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;
            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>>;
            popover: {
                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;
            } | undefined;
            date: Date;
            selected: number;
            setSelected: (value: number, close?: boolean | undefined) => void;
            visible: boolean | undefined;
            columnType: import("./TimePickerColumnState").ColumnType;
            restoreOldTime: (() => Date) | undefined;
            updateOldTime: (() => void) | undefined;
        };
    } & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
        wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
    } & {
        disabled?: boolean | undefined;
    }, next: import("reakit/ts").RoleOptions & {
        disabled?: boolean | undefined;
        focusable?: boolean | undefined;
    } & {
        unstable_clickOnEnter?: boolean | undefined;
        unstable_clickOnSpace?: boolean | undefined;
    } & Pick<Partial<import("reakit/ts").unstable_IdStateReturn>, "baseId" | "unstable_idCountRef"> & {
        id?: string | undefined;
    } & Pick<Partial<import("reakit/ts").CompositeStateReturn>, "baseId" | "unstable_virtual" | "orientation" | "unstable_moves" | "unstable_hasActiveWidget"> & Pick<import("reakit/ts").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;
    } & {
        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;
        time: Date;
        hours: number[];
        minutes: number[];
        meridies: string[];
        hourState: {
            up: (unstable_allTheWay?: boolean | undefined) => void;
            down: (unstable_allTheWay?: boolean | undefined) => 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;
            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>>;
            popover: {
                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;
            } | undefined;
            date: Date;
            selected: number;
            setSelected: (value: number, close?: boolean | undefined) => void;
            visible: boolean | undefined;
            columnType: import("./TimePickerColumnState").ColumnType;
            restoreOldTime: (() => Date) | undefined;
            updateOldTime: (() => void) | undefined;
        };
        minuteState: {
            up: (unstable_allTheWay?: boolean | undefined) => void;
            down: (unstable_allTheWay?: boolean | undefined) => 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;
            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>>;
            popover: {
                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;
            } | undefined;
            date: Date;
            selected: number;
            setSelected: (value: number, close?: boolean | undefined) => void;
            visible: boolean | undefined;
            columnType: import("./TimePickerColumnState").ColumnType;
            restoreOldTime: (() => Date) | undefined;
            updateOldTime: (() => void) | undefined;
        };
        meridiesState: {
            up: (unstable_allTheWay?: boolean | undefined) => void;
            down: (unstable_allTheWay?: boolean | undefined) => 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;
            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>>;
            popover: {
                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<HTMLElem