@renderlesskit/react/dist/types/datepicker/DatePickerSegmentField.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 { SegmentFieldHTMLProps, SegmentFieldOptions } from "../segment";
import { DatePickerStateReturn } from "./DatePickerState";
import { DateRangePickerStateReturn } from "./DateRangePickerState";
export declare type DatePickerSegmentFieldOptions = SegmentFieldOptions | Partial<DatePickerStateReturn> | Partial<DateRangePickerStateReturn>;
export declare type DatePickerSegmentFieldHTMLProps = SegmentFieldHTMLProps;
export declare type DatePickerSegmentFieldProps = DatePickerSegmentFieldOptions & DatePickerSegmentFieldHTMLProps;
export declare const useDatePickerSegmentField: {
    (options?: DatePickerSegmentFieldOptions | undefined, htmlProps?: import("reakit/ts").TabbableHTMLProps | undefined, unstable_ignoreUseOptions?: boolean | undefined): import("reakit/ts").TabbableHTMLProps;
    unstable_propsAreEqual: (prev: DatePickerSegmentFieldOptions & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
        wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
    } & {
        disabled?: boolean | undefined;
    }, next: DatePickerSegmentFieldOptions & 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: DatePickerSegmentFieldOptions, htmlProps: import("reakit/ts").TabbableHTMLProps) => DatePickerSegmentFieldOptions;
};
export declare const DatePickerSegmentField: import("../system").Component<"div", DatePickerSegmentFieldOptions & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
    wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
} & {
    disabled?: boolean | undefined;
}>;