@servicetitan/anvil2 1.46.1 → 1.46.2

package/dist/{TimeField-CmbErrsZ.js → TimeField-4v5aCwiG.js}

@@ -1,16 +1,16 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { forwardRef, useState, useRef, useMemo, useEffect, useCallback, useImperativeHandle } from 'react';
-import { g as maskitoTimeOptionsGenerator, a as maskitoWithPlaceholder, u as useMaskito } from './index.esm-D889iexm.js';
+import { g as maskitoTimeOptionsGenerator, a as maskitoWithPlaceholder, u as useMaskito } from './index.esm-BwMVvxTV.js';
 import { I as Icon } from './Icon-D8SPKeO4.js';
-import { T as TextField } from './TextField-D8fow9j7.js';
+import { T as TextField } from './TextField-CFWs3lm9.js';
 import { c as cx } from './index-tZvMCc77.js';
 import { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';
-import { P as Popover } from './Popover-r26xMIfm.js';
+import { P as Popover } from './Popover-CrksxqKk.js';
 import { L as Listbox } from './Listbox-CUhMbFm2.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
-import { u as usePopoverSupport } from './usePopoverSupport-DIjjfodl.js';
+import { u as usePopoverSupport } from './usePopoverSupport-CWTCDfN2.js';
 import { u as usePopoverCloseDelayWorkaround } from './usePopoverCloseDelayWorkaround-BZcjPkvT.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
@@ -528,14 +528,14 @@ const MaskedTimeInput = forwardRef(
       },
       [currentParsedData, format, onBlur]
     );
-    useImperativeHandle(
-      ref,
-      () => ({
-        ...inputRef.current,
-        focus: () => inputRef.current?.focus(),
+    useImperativeHandle(ref, () => {
+      const input = inputRef.current;
+      if (!input)
+        return null;
+      return Object.assign(input, {
         resetTypingFlag
-      })
-    );
+      });
+    });
     const classNames = useMemo(() => {
       return cx(styles["time-field"], className);
     }, [className]);
@@ -561,368 +561,358 @@ const MaskedTimeInput = forwardRef(
 );
 MaskedTimeInput.displayName = "MaskedTimeInput";
 
-const TimeField = forwardRef(
-  (props, ref) => {
-    const { componentProps } = useLayoutPropsUtil(props);
-    const {
-      label,
-      labelProps,
-      size,
-      value: valueProp,
-      defaultValue,
-      min,
-      max,
-      onChange,
-      format = 12,
-      step = 30,
-      required,
-      description,
-      error: errorProp,
-      disableSuggestions = false,
-      autoround = false,
-      className,
-      ...rest
-    } = componentProps;
-    const [isDropdownOpen, setIsDropdownOpenRaw] = useState(false);
-    const setIsDropdownOpen = (open) => {
-      setIsDropdownOpenRaw(open);
+const TimeField = (props) => {
+  const { componentProps } = useLayoutPropsUtil(props);
+  const {
+    label,
+    labelProps,
+    size,
+    value: valueProp,
+    defaultValue,
+    min,
+    max,
+    onChange,
+    format = 12,
+    step = 30,
+    required,
+    description,
+    error: errorProp,
+    disableSuggestions = false,
+    autoround = false,
+    className,
+    ...rest
+  } = componentProps;
+  const [isDropdownOpen, setIsDropdownOpenRaw] = useState(false);
+  const setIsDropdownOpen = (open) => {
+    setIsDropdownOpenRaw(open);
+  };
+  const [selectedOptionIndex, setSelectedOptionIndex] = useState(0);
+  const [inputValueForFiltering, setInputValueForFiltering] = useState("");
+  const [currentParsedTime, setCurrentParsedTime] = useState(
+    null
+  );
+  const [selectedTime, setSelectedTime] = useOptionallyControlledState({
+    controlledValue: valueProp,
+    defaultValue: defaultValue ?? null
+  });
+  const [inputParsedData, setInputParsedData] = useState({ time: null, isInputValid: false, isInputEmpty: true });
+  const lastOnChangeCallRef = useRef(null);
+  const isDropdownClickingRef = useRef(false);
+  const [justSelected, setJustSelected] = useState(false);
+  const tabJustPressedRef = useRef(false);
+  const inputRef = useRef(null);
+  const popoverContentRef = useRef(null);
+  const [popoverTriggerRef, setPopoverTriggerRef] = useState();
+  const combinedRef = useMergeRefs([popoverTriggerRef, inputRef]);
+  const popoverSupported = usePopoverSupport();
+  const placeholder = TIME_FORMAT_PLACEHOLDERS[format];
+  const shouldShowOptionsFromHook = usePopoverCloseDelayWorkaround(isDropdownOpen);
+  const shouldShowOptions = tabJustPressedRef.current ? false : shouldShowOptionsFromHook;
+  const dropdownTimeoutRef = useRef(null);
+  useEffect(() => {
+    const dropdownRef = dropdownTimeoutRef.current;
+    return () => {
+      if (dropdownRef) {
+        clearTimeout(dropdownRef);
+      }
     };
-    const [selectedOptionIndex, setSelectedOptionIndex] = useState(0);
-    const [inputValueForFiltering, setInputValueForFiltering] = useState("");
-    const [currentParsedTime, setCurrentParsedTime] = useState(
-      null
+  }, []);
+  const allTimeOptions = useMemo(
+    () => generateTimeOptions({ step, min, max, format }),
+    [step, min, max, format]
+  );
+  const baseFilteredOptions = useMemo(() => {
+    if (!inputValueForFiltering || inputValueForFiltering.match(/^[–_:]+$/)) {
+      return allTimeOptions;
+    }
+    return filterTimeOptions(allTimeOptions, inputValueForFiltering);
+  }, [allTimeOptions, inputValueForFiltering]);
+  const autoRoundingOptions = useMemo(() => {
+    if (!autoround || baseFilteredOptions.length > 0 || !inputValueForFiltering || inputValueForFiltering.match(/^[–_:]+$/)) {
+      return [];
+    }
+    const currentTime = currentParsedTime || inputParsedData.time;
+    const autoRoundedOptions = getAutoRoundingOptions(
+      currentTime,
+      step ?? 30,
+      format,
+      inputValueForFiltering,
+      min
     );
-    const [selectedTime, setSelectedTime] = useOptionallyControlledState({
-      controlledValue: valueProp,
-      defaultValue: defaultValue ?? null
-    });
-    const [inputParsedData, setInputParsedData] = useState({ time: null, isInputValid: false, isInputEmpty: true });
-    const lastOnChangeCallRef = useRef(null);
-    const isDropdownClickingRef = useRef(false);
-    const [justSelected, setJustSelected] = useState(false);
-    const tabJustPressedRef = useRef(false);
-    const inputRef = useRef(null);
-    const popoverContentRef = useRef(null);
-    const combinedRef = useMergeRefs([inputRef, ref]);
-    const popoverSupported = usePopoverSupport();
-    const placeholder = TIME_FORMAT_PLACEHOLDERS[format];
-    const shouldShowOptionsFromHook = usePopoverCloseDelayWorkaround(isDropdownOpen);
-    const shouldShowOptions = tabJustPressedRef.current ? false : shouldShowOptionsFromHook;
-    const dropdownTimeoutRef = useRef(null);
-    useEffect(() => {
-      const dropdownRef = dropdownTimeoutRef.current;
-      return () => {
-        if (dropdownRef) {
-          clearTimeout(dropdownRef);
-        }
-      };
-    }, []);
-    const allTimeOptions = useMemo(
-      () => generateTimeOptions({ step, min, max, format }),
-      [step, min, max, format]
+    return autoRoundedOptions.filter(
+      (option) => !baseFilteredOptions.includes(option)
     );
-    const baseFilteredOptions = useMemo(() => {
-      if (!inputValueForFiltering || inputValueForFiltering.match(/^[–_:]+$/)) {
+  }, [
+    autoround,
+    baseFilteredOptions,
+    inputValueForFiltering,
+    currentParsedTime,
+    inputParsedData.time,
+    format,
+    min,
+    step
+  ]);
+  const filteredOptions = useMemo(() => {
+    if (baseFilteredOptions.length === 0 && autoRoundingOptions.length === 0) {
+      if (!inputParsedData.isInputValid && inputValueForFiltering && !inputValueForFiltering.match(/^[–_:]+$/)) {
         return allTimeOptions;
       }
-      return filterTimeOptions(allTimeOptions, inputValueForFiltering);
-    }, [allTimeOptions, inputValueForFiltering]);
-    const autoRoundingOptions = useMemo(() => {
-      if (!autoround || baseFilteredOptions.length > 0 || !inputValueForFiltering || inputValueForFiltering.match(/^[–_:]+$/)) {
-        return [];
-      }
-      const currentTime = currentParsedTime || inputParsedData.time;
-      const autoRoundedOptions = getAutoRoundingOptions(
-        currentTime,
-        step ?? 30,
-        format,
-        inputValueForFiltering,
-        min
-      );
-      return autoRoundedOptions.filter(
-        (option) => !baseFilteredOptions.includes(option)
-      );
-    }, [
-      autoround,
-      baseFilteredOptions,
-      inputValueForFiltering,
-      currentParsedTime,
-      inputParsedData.time,
-      format,
-      min,
-      step
-    ]);
-    const filteredOptions = useMemo(() => {
-      if (baseFilteredOptions.length === 0 && autoRoundingOptions.length === 0) {
-        if (!inputParsedData.isInputValid && inputValueForFiltering && !inputValueForFiltering.match(/^[–_:]+$/)) {
-          return allTimeOptions;
-        }
+    }
+    return [...baseFilteredOptions, ...autoRoundingOptions];
+  }, [
+    baseFilteredOptions,
+    autoRoundingOptions,
+    allTimeOptions,
+    inputValueForFiltering,
+    inputParsedData.isInputValid
+  ]);
+  const handleBlur = useCallback(
+    (event) => {
+      if (event.relatedTarget && popoverContentRef.current?.contains(event.relatedTarget) && isDropdownClickingRef.current) {
+        isDropdownClickingRef.current = false;
+        return;
       }
-      return [...baseFilteredOptions, ...autoRoundingOptions];
-    }, [
-      baseFilteredOptions,
-      autoRoundingOptions,
-      allTimeOptions,
-      inputValueForFiltering,
-      inputParsedData.isInputValid
-    ]);
-    const handleBlur = useCallback(
-      (event) => {
-        if (event.relatedTarget && popoverContentRef.current?.contains(event.relatedTarget) && isDropdownClickingRef.current) {
-          isDropdownClickingRef.current = false;
-          return;
-        }
-        setIsDropdownOpen(false);
-        setSelectedOptionIndex(0);
-        const input = event.target;
-        const parsedInputTime = input.dataset.time || null;
-        const isInputValid = input.dataset.inputValid === "true";
-        const isInputEmpty = input.dataset.inputEmpty === "true";
-        let finalTime = parsedInputTime;
-        if (autoround && finalTime && isInputValid) {
-          const beforeRounding = finalTime;
-          finalTime = handleAutoRounding(finalTime, {
-            autoround,
-            step,
-            format
-          });
-          if (finalTime !== beforeRounding) {
-            inputRef.current?.resetTypingFlag?.();
-            setSelectedTime(finalTime);
-          }
-        }
-        const currentChange = {
-          time: finalTime,
-          isInputValid,
-          isInputEmpty
-        };
-        const lastChange = lastOnChangeCallRef.current;
-        const isDuplicate = lastChange && lastChange.time === currentChange.time && lastChange.isInputValid === currentChange.isInputValid && lastChange.isInputEmpty === currentChange.isInputEmpty;
-        if (!isDuplicate) {
-          onChange?.(currentChange);
-          lastOnChangeCallRef.current = currentChange;
+      setIsDropdownOpen(false);
+      setSelectedOptionIndex(0);
+      const input = event.target;
+      const parsedInputTime = input.dataset.time || null;
+      const isInputValid = input.dataset.inputValid === "true";
+      const isInputEmpty = input.dataset.inputEmpty === "true";
+      let finalTime = parsedInputTime;
+      if (autoround && finalTime && isInputValid) {
+        const beforeRounding = finalTime;
+        finalTime = handleAutoRounding(finalTime, {
+          autoround,
+          step,
+          format
+        });
+        if (finalTime !== beforeRounding) {
+          inputRef.current?.resetTypingFlag?.();
+          setSelectedTime(finalTime);
         }
-      },
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      [format, step, autoround, onChange]
-    );
-    const handleFocus = useCallback(() => {
-      if (!disableSuggestions && !justSelected) {
-        setIsDropdownOpen(true);
-        setSelectedOptionIndex(0);
-      }
-    }, [disableSuggestions, justSelected]);
-    useEffect(() => {
-      if (filteredOptions.length <= 1 && isDropdownOpen) {
-        setIsDropdownOpen(false);
       }
-      if (!disableSuggestions && filteredOptions.length > 1 && document.activeElement && document.activeElement.tagName === "INPUT" && !isDropdownOpen && !justSelected && !tabJustPressedRef.current) {
-        setIsDropdownOpen(true);
-        setSelectedOptionIndex(0);
+      const currentChange = {
+        time: finalTime,
+        isInputValid,
+        isInputEmpty
+      };
+      const lastChange = lastOnChangeCallRef.current;
+      const isDuplicate = lastChange && lastChange.time === currentChange.time && lastChange.isInputValid === currentChange.isInputValid && lastChange.isInputEmpty === currentChange.isInputEmpty;
+      if (!isDuplicate) {
+        onChange?.(currentChange);
+        lastOnChangeCallRef.current = currentChange;
       }
-    }, [filteredOptions, disableSuggestions, isDropdownOpen, justSelected]);
-    const handleInputChange = (change) => {
-      setInputValueForFiltering(change.event.target.value);
-      setCurrentParsedTime(change.time);
-      setInputParsedData({
-        time: change.time,
-        isInputValid: change.isInputValid,
-        isInputEmpty: change.isInputEmpty
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [format, step, autoround, onChange]
+  );
+  const handleFocus = useCallback(() => {
+    if (!disableSuggestions && !justSelected) {
+      setIsDropdownOpen(true);
+      setSelectedOptionIndex(0);
+    }
+  }, [disableSuggestions, justSelected]);
+  useEffect(() => {
+    if (filteredOptions.length <= 1 && isDropdownOpen) {
+      setIsDropdownOpen(false);
+    }
+    if (!disableSuggestions && filteredOptions.length > 1 && document.activeElement && document.activeElement.tagName === "INPUT" && !isDropdownOpen && !justSelected && !tabJustPressedRef.current) {
+      setIsDropdownOpen(true);
+      setSelectedOptionIndex(0);
+    }
+  }, [filteredOptions, disableSuggestions, isDropdownOpen, justSelected]);
+  const handleInputChange = (change) => {
+    setInputValueForFiltering(change.event.target.value);
+    setCurrentParsedTime(change.time);
+    setInputParsedData({
+      time: change.time,
+      isInputValid: change.isInputValid,
+      isInputEmpty: change.isInputEmpty
+    });
+    setSelectedOptionIndex(0);
+    setJustSelected(false);
+    setSelectedTime(null);
+  };
+  const scrollToSelectedOption = useCallback(() => {
+    if (!popoverContentRef.current || selectedOptionIndex < 0) return;
+    const optionElements = popoverContentRef.current.querySelectorAll('[role="option"]');
+    const targetElement = optionElements[selectedOptionIndex];
+    if (targetElement) {
+      targetElement.scrollIntoView({
+        block: "nearest",
+        behavior: "auto"
       });
+    }
+  }, [selectedOptionIndex]);
+  useEffect(() => {
+    if (isDropdownOpen && selectedOptionIndex >= 0) {
+      scrollToSelectedOption();
+    }
+  }, [selectedOptionIndex, isDropdownOpen, scrollToSelectedOption]);
+  const handleOptionSelect = useCallback(
+    (selectedTime2) => {
+      if (inputRef.current?.resetTypingFlag) {
+        inputRef.current.resetTypingFlag();
+      }
+      setIsDropdownOpen(false);
       setSelectedOptionIndex(0);
-      setJustSelected(false);
-      setSelectedTime(null);
-    };
-    const scrollToSelectedOption = useCallback(() => {
-      if (!popoverContentRef.current || selectedOptionIndex < 0) return;
-      const optionElements = popoverContentRef.current.querySelectorAll('[role="option"]');
-      const targetElement = optionElements[selectedOptionIndex];
-      if (targetElement) {
-        targetElement.scrollIntoView({
-          block: "nearest",
-          behavior: "auto"
-        });
+      setJustSelected(true);
+      setCurrentParsedTime(selectedTime2);
+      setSelectedTime(selectedTime2);
+      const changeData = {
+        time: selectedTime2,
+        isInputValid: true,
+        isInputEmpty: false
+      };
+      onChange?.(changeData);
+      lastOnChangeCallRef.current = changeData;
+      requestAnimationFrame(() => {
+        inputRef.current?.focus();
+      });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [onChange]
+  );
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (!isDropdownOpen) {
+        return;
       }
-    }, [selectedOptionIndex]);
-    useEffect(() => {
-      if (isDropdownOpen && selectedOptionIndex >= 0) {
-        scrollToSelectedOption();
+      switch (event.key) {
+        case "ArrowDown":
+          event.preventDefault();
+          setSelectedOptionIndex(
+            (prev) => prev < filteredOptions.length - 1 ? prev + 1 : 0
+          );
+          break;
+        case "ArrowUp":
+          event.preventDefault();
+          setSelectedOptionIndex(
+            (prev) => prev > 0 ? prev - 1 : filteredOptions.length - 1
+          );
+          break;
+        case "Enter":
+          event.preventDefault();
+          if (filteredOptions[selectedOptionIndex]) {
+            handleOptionSelect(filteredOptions[selectedOptionIndex]);
+          }
+          break;
+        case "Tab":
+          tabJustPressedRef.current = true;
+          setIsDropdownOpen(false);
+          setSelectedOptionIndex(0);
+          setTimeout(() => {
+            tabJustPressedRef.current = false;
+          }, 50);
+          break;
       }
-    }, [selectedOptionIndex, isDropdownOpen, scrollToSelectedOption]);
-    const handleOptionSelect = useCallback(
-      (selectedTime2) => {
-        if (inputRef.current?.resetTypingFlag) {
-          inputRef.current.resetTypingFlag();
-        }
-        setIsDropdownOpen(false);
-        setSelectedOptionIndex(0);
-        setJustSelected(true);
-        setCurrentParsedTime(selectedTime2);
-        setSelectedTime(selectedTime2);
-        const changeData = {
-          time: selectedTime2,
-          isInputValid: true,
-          isInputEmpty: false
-        };
-        onChange?.(changeData);
-        lastOnChangeCallRef.current = changeData;
-        requestAnimationFrame(() => {
-          inputRef.current?.focus();
-        });
-      },
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      [onChange]
-    );
-    const handleKeyDown = useCallback(
-      (event) => {
-        if (!isDropdownOpen) {
-          return;
-        }
-        switch (event.key) {
-          case "ArrowDown":
-            event.preventDefault();
-            setSelectedOptionIndex(
-              (prev) => prev < filteredOptions.length - 1 ? prev + 1 : 0
-            );
-            break;
-          case "ArrowUp":
-            event.preventDefault();
-            setSelectedOptionIndex(
-              (prev) => prev > 0 ? prev - 1 : filteredOptions.length - 1
-            );
-            break;
-          case "Enter":
-            event.preventDefault();
-            if (filteredOptions[selectedOptionIndex]) {
-              handleOptionSelect(filteredOptions[selectedOptionIndex]);
-            }
-            break;
-          case "Tab":
-            tabJustPressedRef.current = true;
-            setIsDropdownOpen(false);
-            setSelectedOptionIndex(0);
-            setTimeout(() => {
-              tabJustPressedRef.current = false;
-            }, 50);
-            break;
-        }
-      },
-      [
-        isDropdownOpen,
-        selectedOptionIndex,
-        filteredOptions,
-        handleOptionSelect
-      ]
-    );
-    const popoverDisabled = disableSuggestions || !popoverSupported;
-    const data = {
-      label: childrenToString(label),
-      labelProps,
-      description: childrenToString(description),
-      size,
+    },
+    [isDropdownOpen, selectedOptionIndex, filteredOptions, handleOptionSelect]
+  );
+  const popoverDisabled = disableSuggestions || !popoverSupported;
+  const data = {
+    label: childrenToString(label),
+    labelProps,
+    description: childrenToString(description),
+    size,
+    format,
+    step,
+    min,
+    max,
+    autoround,
+    disableSuggestions
+  };
+  const trackingId = useTrackingId({
+    name: "TimeField",
+    data,
+    hasOverride: !!rest["data-tracking-id"]
+  });
+  const justTheInput = /* @__PURE__ */ jsx(
+    MaskedTimeInput,
+    {
+      "data-tracking-id": trackingId,
+      ref: combinedRef,
+      selectedTime,
       format,
-      step,
+      placeholder,
       min,
       max,
-      autoround,
-      disableSuggestions
-    };
-    const trackingId = useTrackingId({
-      name: "TimeField",
-      data,
-      hasOverride: !!rest["data-tracking-id"]
-    });
-    const justTheInput = /* @__PURE__ */ jsx(
-      MaskedTimeInput,
-      {
-        "data-tracking-id": trackingId,
-        ref: combinedRef,
-        selectedTime,
-        format,
-        placeholder,
-        min,
-        max,
-        onInputChange: handleInputChange,
-        onKeyDown: handleKeyDown,
-        onBlur: handleBlur,
-        onFocus: handleFocus,
-        label,
-        labelProps,
-        size,
-        description,
-        error: errorProp,
-        className: popoverDisabled ? className : void 0,
-        ...rest,
-        "data-anv": "time-field"
-      }
-    );
-    if (popoverDisabled) {
-      return justTheInput;
+      onInputChange: handleInputChange,
+      onKeyDown: handleKeyDown,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      label,
+      labelProps,
+      size,
+      description,
+      error: errorProp,
+      className: popoverDisabled ? className : void 0,
+      ...rest,
+      "data-anv": "time-field"
     }
-    return /* @__PURE__ */ jsxs(
-      Popover,
-      {
-        open: isDropdownOpen,
-        noPadding: true,
-        disableCaret: true,
-        placement: "bottom-start",
-        matchReferenceWidth: true,
-        modal: false,
-        onClickOutside: () => {
-          setIsDropdownOpen(false);
-        },
-        onClose: () => {
-          setIsDropdownOpen(false);
-        },
-        fitScreen: true,
-        maxHeight: 205,
-        children: [
-          /* @__PURE__ */ jsx(Popover.Trigger, { children: ({ ref: popoverRef }) => /* @__PURE__ */ jsx(
-            "div",
-            {
-              ref: popoverRef,
-              className,
-              children: justTheInput
-            }
-          ) }),
-          /* @__PURE__ */ jsx(
-            Popover.Content,
-            {
-              ref: popoverContentRef,
-              "data-open": isDropdownOpen,
-              "data-disabled": disableSuggestions,
-              onMouseDown: () => {
-                isDropdownClickingRef.current = true;
-              },
-              onTouchStart: () => {
-                isDropdownClickingRef.current = true;
-              },
-              children: shouldShowOptions && /* @__PURE__ */ jsx(
-                Listbox,
-                {
-                  selected: filteredOptions[selectedOptionIndex],
-                  onSelectionChange: (selected) => {
-                    if (selected) {
-                      handleOptionSelect(selected);
-                    } else {
-                      const currentOption = filteredOptions[selectedOptionIndex];
-                      if (currentOption) {
-                        handleOptionSelect(currentOption);
-                      }
-                    }
-                  },
-                  "aria-label": "Time suggestions",
-                  children: filteredOptions.map((option) => /* @__PURE__ */ jsx(Listbox.Option, { value: option, label: option, children: option }, option))
-                }
-              )
-            }
-          )
-        ]
-      }
-    );
+  );
+  if (popoverDisabled) {
+    return justTheInput;
   }
-);
+  return /* @__PURE__ */ jsxs(
+    Popover,
+    {
+      open: isDropdownOpen,
+      noPadding: true,
+      disableCaret: true,
+      placement: "bottom-start",
+      matchReferenceWidth: true,
+      modal: false,
+      onClickOutside: () => {
+        setIsDropdownOpen(false);
+      },
+      onClose: () => {
+        setIsDropdownOpen(false);
+      },
+      fitScreen: true,
+      maxHeight: 205,
+      children: [
+        /* @__PURE__ */ jsx(Popover.Trigger, { children: ({ ref: iRef }) => {
+          setPopoverTriggerRef(iRef);
+          return justTheInput;
+        } }),
+        /* @__PURE__ */ jsx(
+          Popover.Content,
+          {
+            ref: popoverContentRef,
+            "data-open": isDropdownOpen,
+            "data-disabled": disableSuggestions,
+            onMouseDown: () => {
+              isDropdownClickingRef.current = true;
+            },
+            onTouchStart: () => {
+              isDropdownClickingRef.current = true;
+            },
+            children: shouldShowOptions && /* @__PURE__ */ jsx(
+              Listbox,
+              {
+                selected: filteredOptions[selectedOptionIndex],
+                onSelectionChange: (selected) => {
+                  if (selected) {
+                    handleOptionSelect(selected);
+                  } else {
+                    const currentOption = filteredOptions[selectedOptionIndex];
+                    if (currentOption) {
+                      handleOptionSelect(currentOption);
+                    }
+                  }
+                },
+                "aria-label": "Time suggestions",
+                children: filteredOptions.map((option) => /* @__PURE__ */ jsx(Listbox.Option, { value: option, label: option, children: option }, option))
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
 TimeField.displayName = "TimeField";
 
 export { TimeField as T };
-//# sourceMappingURL=TimeField-CmbErrsZ.js.map
+//# sourceMappingURL=TimeField-4v5aCwiG.js.map