Function useTimePicker

useTimePicker(
    __namedParameters: {
        name?: string;
        setValue?: UseFormSetValue<any>;
        trigger?: UseFormTrigger<any>;
    },
): {
    dropdownPosition: { left: number; top: number; width: number };
    handleSelectTime: (time: string) => void;
    inputRef: RefObject<HTMLInputElement | null>;
    portalRef: RefObject<HTMLDivElement | null>;
    selectedTime: string | null;
    selectorShown: boolean;
    setSelectorShown: Dispatch<SetStateAction<boolean>>;
}
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.
Parameters
- __namedParameters: {
      name?: string;
      setValue?: UseFormSetValue<any>;
      trigger?: UseFormTrigger<any>;
  }
Returns {
    dropdownPosition: { left: number; top: number; width: number };
    handleSelectTime: (time: string) => void;
    inputRef: RefObject<HTMLInputElement | null>;
    portalRef: RefObject<HTMLDivElement | null>;
    selectedTime: string | null;
    selectorShown: boolean;
    setSelectorShown: Dispatch<SetStateAction<boolean>>;
}
Example
```
const {
  inputRef,
  portalRef,
  dropdownPosition,
  selectedTime,
  selectorShown,
  setSelectorShown,
  handleSelectTime,
} = useTimePicker({
  name,
  setValue,
  trigger
});
```
- Defined in src/hooks/use-time-picker.tsx:30