import { UseFormSetValue, UseFormTrigger } from 'react-hook-form';
/**
 * Hook that provides functionality for building a custom time picker with
 * theme-able styles.
 *
 * Exposes refs used for popup pickers positioned with `createPortal`.
 *
 * Takes optional props to integrate with `react-hook-form`.
 *
 * @example
 * ```tsx
 * const {
 *   inputRef,
 *   portalRef,
 *   dropdownPosition,
 *   selectedTime,
 *   selectorShown,
 *   setSelectorShown,
 *   handleSelectTime,
 * } = useTimePicker({
 *   name,
 *   setValue,
 *   trigger
 * });
 * ```
 */
export default function useTimePicker({ name, setValue, trigger, }: {
    name?: string;
    setValue?: UseFormSetValue<any>;
    trigger?: UseFormTrigger<any>;
}): {
    inputRef: import("react").RefObject<HTMLInputElement | null>;
    portalRef: import("react").RefObject<HTMLDivElement | null>;
    dropdownPosition: {
        top: number;
        left: number;
        width: number;
    };
    selectedTime: string | null;
    selectorShown: boolean;
    setSelectorShown: import("react").Dispatch<import("react").SetStateAction<boolean>>;
    handleSelectTime: (time: string) => void;
};
//# sourceMappingURL=use-time-picker.d.ts.map