@mantine/dates 9.0.0-alpha.4 → 9.0.0-alpha.6

package/cjs/components/TimePicker/TimePicker.cjs

@@ -1,426 +1,331 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var core = require('@mantine/core');
-var hooks = require('@mantine/hooks');
-var SpinInput = require('../SpinInput/SpinInput.cjs');
-var AmPmInput = require('./AmPmInput/AmPmInput.cjs');
-var AmPmControlsList = require('./TimeControlsList/AmPmControlsList.cjs');
-var TimeControlsList = require('./TimeControlsList/TimeControlsList.cjs');
-var TimePicker_context = require('./TimePicker.context.cjs');
-var TimePicker_module = require('./TimePicker.module.css.cjs');
-var TimePresets = require('./TimePresets/TimePresets.cjs');
-var useTimePicker = require('./use-time-picker.cjs');
-var clampTime = require('./utils/clamp-time/clamp-time.cjs');
-var getParsedTime = require('./utils/get-parsed-time/get-parsed-time.cjs');
-var getTimeString = require('./utils/get-time-string/get-time-string.cjs');
-
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_SpinInput = require("../SpinInput/SpinInput.cjs");
+const require_TimePicker_context = require("./TimePicker.context.cjs");
+const require_AmPmInput = require("./AmPmInput/AmPmInput.cjs");
+const require_AmPmControlsList = require("./TimeControlsList/AmPmControlsList.cjs");
+const require_TimeControlsList = require("./TimeControlsList/TimeControlsList.cjs");
+const require_TimePresets = require("./TimePresets/TimePresets.cjs");
+const require_clamp_time = require("./utils/clamp-time/clamp-time.cjs");
+const require_get_parsed_time = require("./utils/get-parsed-time/get-parsed-time.cjs");
+const require_get_time_string = require("./utils/get-time-string/get-time-string.cjs");
+const require_use_time_picker = require("./use-time-picker.cjs");
+const require_TimePicker_module = require("./TimePicker.module.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _mantine_core = require("@mantine/core");
+let _mantine_hooks = require("@mantine/hooks");
+//#region packages/@mantine/dates/src/components/TimePicker/TimePicker.tsx
 const defaultProps = {
-  hoursStep: 1,
-  minutesStep: 1,
-  secondsStep: 1,
-  format: "24h",
-  amPmLabels: { am: "AM", pm: "PM" },
-  pasteSplit: getParsedTime.getParsedTime,
-  maxDropdownContentHeight: 200,
-  hoursPlaceholder: "--",
-  minutesPlaceholder: "--",
-  secondsPlaceholder: "--"
+	hoursStep: 1,
+	minutesStep: 1,
+	secondsStep: 1,
+	format: "24h",
+	amPmLabels: {
+		am: "AM",
+		pm: "PM"
+	},
+	pasteSplit: require_get_parsed_time.getParsedTime,
+	maxDropdownContentHeight: 200,
+	hoursPlaceholder: "--",
+	minutesPlaceholder: "--",
+	secondsPlaceholder: "--"
 };
-const varsResolver = core.createVarsResolver((_theme, { size }) => ({
-  dropdown: {
-    "--control-font-size": core.getFontSize(size)
-  }
-}));
-const TimePicker = core.factory((_props) => {
-  const props = core.useProps("TimePicker", defaultProps, _props);
-  const {
-    classNames,
-    className,
-    style,
-    styles,
-    unstyled,
-    vars,
-    onClick,
-    format,
-    value,
-    defaultValue,
-    onChange,
-    hoursStep,
-    minutesStep,
-    secondsStep,
-    withSeconds,
-    hoursInputLabel,
-    minutesInputLabel,
-    secondsInputLabel,
-    amPmInputLabel,
-    amPmLabels,
-    clearable,
-    clearSectionMode,
-    onMouseDown,
-    onFocusCapture,
-    onBlurCapture,
-    min,
-    max,
-    popoverProps,
-    withDropdown,
-    rightSection,
-    onFocus,
-    onBlur,
-    clearButtonProps,
-    hoursInputProps,
-    minutesInputProps,
-    secondsInputProps,
-    amPmSelectProps,
-    readOnly,
-    disabled,
-    size,
-    name,
-    form,
-    hiddenInputProps,
-    labelProps,
-    pasteSplit,
-    hoursRef,
-    minutesRef,
-    secondsRef,
-    amPmRef,
-    presets,
-    maxDropdownContentHeight,
-    scrollAreaProps,
-    attributes,
-    reverseTimeControlsList,
-    hoursPlaceholder,
-    minutesPlaceholder,
-    secondsPlaceholder,
-    ...others
-  } = props;
-  const { resolvedClassNames, resolvedStyles } = core.useResolvedStylesApi({
-    classNames,
-    styles,
-    props
-  });
-  const getStyles = core.useStyles({
-    name: "TimePicker",
-    classes: TimePicker_module,
-    props,
-    className,
-    style,
-    classNames,
-    styles,
-    unstyled,
-    attributes,
-    vars,
-    varsResolver
-  });
-  const controller = useTimePicker.useTimePicker({
-    value,
-    defaultValue,
-    onChange,
-    format,
-    amPmLabels,
-    withSeconds,
-    min,
-    max,
-    clearable,
-    disabled,
-    readOnly,
-    pasteSplit
-  });
-  const _hoursRef = hooks.useMergedRef(controller.refs.hours, hoursRef);
-  const _minutesRef = hooks.useMergedRef(controller.refs.minutes, minutesRef);
-  const _secondsRef = hooks.useMergedRef(controller.refs.seconds, secondsRef);
-  const _amPmRef = hooks.useMergedRef(controller.refs.amPm, amPmRef);
-  const hoursInputId = hooks.useId();
-  const hasFocusRef = react.useRef(false);
-  const [dropdownOpened, setDropdownOpened] = react.useState(false);
-  const handleFocus = (event) => {
-    if (!hasFocusRef.current) {
-      hasFocusRef.current = true;
-      onFocus?.(event);
-    }
-  };
-  const handleBlur = (event) => {
-    if (!event.currentTarget.contains(event.relatedTarget)) {
-      const computedValue = controller.values;
-      const timeString = getTimeString.getTimeString({
-        ...computedValue,
-        format,
-        amPmLabels,
-        withSeconds: !!withSeconds
-      });
-      if (timeString.valid && (min || max)) {
-        const clamped = clampTime.clampTime(timeString.value, min, max);
-        if (clamped.timeString !== timeString.value) {
-          controller.setTimeString(clamped.timeString);
-        }
-      }
-      hasFocusRef.current = false;
-      onBlur?.(event);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(TimePicker_context.TimePickerProvider, { value: { getStyles, scrollAreaProps, maxDropdownContentHeight }, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    core.Popover,
-    {
-      opened: dropdownOpened,
-      transitionProps: { duration: 0 },
-      position: "bottom-start",
-      withRoles: false,
-      disabled: disabled || readOnly || !withDropdown,
-      ...popoverProps,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(core.Popover.Target, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-          core.InputBase,
-          {
-            component: "div",
-            size,
-            disabled,
-            onClick: (event) => {
-              onClick?.(event);
-              controller.focus("hours");
-            },
-            onMouseDown: (event) => {
-              event.preventDefault();
-              onMouseDown?.(event);
-            },
-            onFocusCapture: (event) => {
-              setDropdownOpened(true);
-              onFocusCapture?.(event);
-            },
-            onBlurCapture: (event) => {
-              setDropdownOpened(false);
-              onBlurCapture?.(event);
-            },
-            rightSection,
-            __clearSection: /* @__PURE__ */ jsxRuntime.jsx(
-              core.CloseButton,
-              {
-                ...clearButtonProps,
-                size,
-                onClick: (event) => {
-                  controller.clear();
-                  clearButtonProps?.onClick?.(event);
-                },
-                onMouseDown: (event) => {
-                  event.preventDefault();
-                  clearButtonProps?.onMouseDown?.(event);
-                }
-              }
-            ),
-            __clearable: controller.isClearable,
-            __clearSectionMode: clearSectionMode,
-            labelProps: { htmlFor: hoursInputId, ...labelProps },
-            style,
-            className,
-            classNames: resolvedClassNames,
-            styles: resolvedStyles,
-            attributes,
-            __staticSelector: "TimePicker",
-            ...others,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { ...getStyles("fieldsRoot"), dir: "ltr", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ...getStyles("fieldsGroup"), onBlur: handleBlur, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  SpinInput.SpinInput,
-                  {
-                    id: hoursInputId,
-                    ...hoursInputProps,
-                    ...getStyles("field", {
-                      className: hoursInputProps?.className,
-                      style: hoursInputProps?.style
-                    }),
-                    value: controller.values.hours,
-                    onChange: controller.setHours,
-                    onNextInput: () => controller.focus("minutes"),
-                    min: format === "12h" ? 1 : 0,
-                    max: format === "12h" ? 12 : 23,
-                    allowTemporaryZero: format === "12h",
-                    focusable: true,
-                    step: hoursStep,
-                    ref: _hoursRef,
-                    "aria-label": hoursInputLabel,
-                    readOnly,
-                    disabled,
-                    onPaste: controller.onPaste,
-                    onFocus: (event) => {
-                      handleFocus(event);
-                      hoursInputProps?.onFocus?.(event);
-                    },
-                    onBlur: (event) => {
-                      const actualInputValue = event.currentTarget.value;
-                      const numericValue = actualInputValue ? parseInt(actualInputValue, 10) : null;
-                      if (format === "12h" && numericValue === 0) {
-                        controller.setHours(12);
-                      }
-                      hoursInputProps?.onBlur?.(event);
-                    },
-                    placeholder: hoursPlaceholder
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: ":" }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  SpinInput.SpinInput,
-                  {
-                    ...minutesInputProps,
-                    ...getStyles("field", {
-                      className: minutesInputProps?.className,
-                      style: minutesInputProps?.style
-                    }),
-                    value: controller.values.minutes,
-                    onChange: controller.setMinutes,
-                    min: 0,
-                    max: 59,
-                    focusable: true,
-                    step: minutesStep,
-                    ref: _minutesRef,
-                    onPreviousInput: () => controller.focus("hours"),
-                    onNextInput: () => withSeconds ? controller.focus("seconds") : controller.focus("amPm"),
-                    "aria-label": minutesInputLabel,
-                    tabIndex: -1,
-                    readOnly,
-                    disabled,
-                    onPaste: controller.onPaste,
-                    onFocus: (event) => {
-                      handleFocus(event);
-                      minutesInputProps?.onFocus?.(event);
-                    },
-                    placeholder: minutesPlaceholder
-                  }
-                ),
-                withSeconds && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: ":" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    SpinInput.SpinInput,
-                    {
-                      ...secondsInputProps,
-                      ...getStyles("field", {
-                        className: secondsInputProps?.className,
-                        style: secondsInputProps?.style
-                      }),
-                      value: controller.values.seconds,
-                      onChange: controller.setSeconds,
-                      min: 0,
-                      max: 59,
-                      focusable: true,
-                      step: secondsStep,
-                      ref: _secondsRef,
-                      onPreviousInput: () => controller.focus("minutes"),
-                      onNextInput: () => controller.focus("amPm"),
-                      "aria-label": secondsInputLabel,
-                      tabIndex: -1,
-                      readOnly,
-                      disabled,
-                      onPaste: controller.onPaste,
-                      onFocus: (event) => {
-                        handleFocus(event);
-                        secondsInputProps?.onFocus?.(event);
-                      },
-                      placeholder: secondsPlaceholder
-                    }
-                  )
-                ] }),
-                format === "12h" && /* @__PURE__ */ jsxRuntime.jsx(
-                  AmPmInput.AmPmInput,
-                  {
-                    ...amPmSelectProps,
-                    inputType: withDropdown ? "input" : "select",
-                    labels: amPmLabels,
-                    value: controller.values.amPm,
-                    onChange: controller.setAmPm,
-                    ref: _amPmRef,
-                    "aria-label": amPmInputLabel,
-                    onPreviousInput: () => withSeconds ? controller.focus("seconds") : controller.focus("minutes"),
-                    readOnly,
-                    disabled,
-                    tabIndex: -1,
-                    onPaste: controller.onPaste,
-                    onFocus: (event) => {
-                      handleFocus(event);
-                      amPmSelectProps?.onFocus?.(event);
-                    }
-                  }
-                )
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "input",
-                {
-                  type: "hidden",
-                  name,
-                  form,
-                  value: controller.hiddenInputValue,
-                  ...hiddenInputProps
-                }
-              )
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          core.Popover.Dropdown,
-          {
-            ...getStyles("dropdown"),
-            onMouseDown: (event) => event.preventDefault(),
-            children: presets ? /* @__PURE__ */ jsxRuntime.jsx(
-              TimePresets.TimePresets,
-              {
-                value: controller.hiddenInputValue,
-                onChange: controller.setTimeString,
-                format,
-                presets,
-                amPmLabels,
-                withSeconds: withSeconds || false
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { ...getStyles("controlsListGroup"), children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                TimeControlsList.TimeControlsList,
-                {
-                  min: format === "12h" ? 1 : 0,
-                  max: format === "12h" ? 12 : 23,
-                  step: hoursStep,
-                  value: controller.values.hours,
-                  onSelect: controller.setHours,
-                  reversed: reverseTimeControlsList
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                TimeControlsList.TimeControlsList,
-                {
-                  min: 0,
-                  max: 59,
-                  step: minutesStep,
-                  value: controller.values.minutes,
-                  onSelect: controller.setMinutes,
-                  reversed: reverseTimeControlsList
-                }
-              ),
-              withSeconds && /* @__PURE__ */ jsxRuntime.jsx(
-                TimeControlsList.TimeControlsList,
-                {
-                  min: 0,
-                  max: 59,
-                  step: secondsStep,
-                  value: controller.values.seconds,
-                  onSelect: controller.setSeconds,
-                  reversed: reverseTimeControlsList
-                }
-              ),
-              format === "12h" && /* @__PURE__ */ jsxRuntime.jsx(
-                AmPmControlsList.AmPmControlsList,
-                {
-                  labels: amPmLabels,
-                  value: controller.values.amPm,
-                  onSelect: controller.setAmPm
-                }
-              )
-            ] })
-          }
-        )
-      ]
-    }
-  ) });
+const varsResolver = (0, _mantine_core.createVarsResolver)((_theme, { size }) => ({ dropdown: { "--control-font-size": (0, _mantine_core.getFontSize)(size) } }));
+const TimePicker = (0, _mantine_core.factory)((_props) => {
+	const props = (0, _mantine_core.useProps)("TimePicker", defaultProps, _props);
+	const { classNames, className, style, styles, unstyled, vars, onClick, format, value, defaultValue, onChange, hoursStep, minutesStep, secondsStep, withSeconds, hoursInputLabel, minutesInputLabel, secondsInputLabel, amPmInputLabel, amPmLabels, clearable, clearSectionMode, onMouseDown, onFocusCapture, onBlurCapture, min, max, popoverProps, withDropdown, rightSection, onFocus, onBlur, clearButtonProps, hoursInputProps, minutesInputProps, secondsInputProps, amPmSelectProps, readOnly, disabled, size, name, form, hiddenInputProps, labelProps, pasteSplit, hoursRef, minutesRef, secondsRef, amPmRef, presets, maxDropdownContentHeight, scrollAreaProps, attributes, reverseTimeControlsList, hoursPlaceholder, minutesPlaceholder, secondsPlaceholder, ...others } = props;
+	const { resolvedClassNames, resolvedStyles } = (0, _mantine_core.useResolvedStylesApi)({
+		classNames,
+		styles,
+		props
+	});
+	const getStyles = (0, _mantine_core.useStyles)({
+		name: "TimePicker",
+		classes: require_TimePicker_module.default,
+		props,
+		className,
+		style,
+		classNames,
+		styles,
+		unstyled,
+		attributes,
+		vars,
+		varsResolver
+	});
+	const controller = require_use_time_picker.useTimePicker({
+		value,
+		defaultValue,
+		onChange,
+		format,
+		amPmLabels,
+		withSeconds,
+		min,
+		max,
+		clearable,
+		disabled,
+		readOnly,
+		pasteSplit
+	});
+	const _hoursRef = (0, _mantine_hooks.useMergedRef)(controller.refs.hours, hoursRef);
+	const _minutesRef = (0, _mantine_hooks.useMergedRef)(controller.refs.minutes, minutesRef);
+	const _secondsRef = (0, _mantine_hooks.useMergedRef)(controller.refs.seconds, secondsRef);
+	const _amPmRef = (0, _mantine_hooks.useMergedRef)(controller.refs.amPm, amPmRef);
+	const hoursInputId = (0, _mantine_hooks.useId)();
+	const hasFocusRef = (0, react.useRef)(false);
+	const [dropdownOpened, setDropdownOpened] = (0, react.useState)(false);
+	const handleFocus = (event) => {
+		if (!hasFocusRef.current) {
+			hasFocusRef.current = true;
+			onFocus?.(event);
+		}
+	};
+	const handleBlur = (event) => {
+		if (!event.currentTarget.contains(event.relatedTarget)) {
+			const computedValue = controller.values;
+			const timeString = require_get_time_string.getTimeString({
+				...computedValue,
+				format,
+				amPmLabels,
+				withSeconds: !!withSeconds
+			});
+			if (timeString.valid && (min || max)) {
+				const clamped = require_clamp_time.clampTime(timeString.value, min, max);
+				if (clamped.timeString !== timeString.value) controller.setTimeString(clamped.timeString);
+			}
+			hasFocusRef.current = false;
+			onBlur?.(event);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TimePicker_context.TimePickerProvider, {
+		value: {
+			getStyles,
+			scrollAreaProps,
+			maxDropdownContentHeight
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mantine_core.Popover, {
+			opened: dropdownOpened,
+			transitionProps: { duration: 0 },
+			position: "bottom-start",
+			withRoles: false,
+			disabled: disabled || readOnly || !withDropdown,
+			...popoverProps,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Popover.Target, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mantine_core.InputBase, {
+				component: "div",
+				size,
+				disabled,
+				onClick: (event) => {
+					onClick?.(event);
+					controller.focus("hours");
+				},
+				onMouseDown: (event) => {
+					event.preventDefault();
+					onMouseDown?.(event);
+				},
+				onFocusCapture: (event) => {
+					setDropdownOpened(true);
+					onFocusCapture?.(event);
+				},
+				onBlurCapture: (event) => {
+					setDropdownOpened(false);
+					onBlurCapture?.(event);
+				},
+				rightSection,
+				__clearSection: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.CloseButton, {
+					...clearButtonProps,
+					size,
+					onClick: (event) => {
+						controller.clear();
+						clearButtonProps?.onClick?.(event);
+					},
+					onMouseDown: (event) => {
+						event.preventDefault();
+						clearButtonProps?.onMouseDown?.(event);
+					}
+				}),
+				__clearable: controller.isClearable,
+				__clearSectionMode: clearSectionMode,
+				labelProps: {
+					htmlFor: hoursInputId,
+					...labelProps
+				},
+				style,
+				className,
+				classNames: resolvedClassNames,
+				styles: resolvedStyles,
+				attributes,
+				__staticSelector: "TimePicker",
+				...others,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					...getStyles("fieldsRoot"),
+					dir: "ltr",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						...getStyles("fieldsGroup"),
+						onBlur: handleBlur,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SpinInput.SpinInput, {
+								id: hoursInputId,
+								...hoursInputProps,
+								...getStyles("field", {
+									className: hoursInputProps?.className,
+									style: hoursInputProps?.style
+								}),
+								value: controller.values.hours,
+								onChange: controller.setHours,
+								onNextInput: () => controller.focus("minutes"),
+								min: format === "12h" ? 1 : 0,
+								max: format === "12h" ? 12 : 23,
+								allowTemporaryZero: format === "12h",
+								focusable: true,
+								step: hoursStep,
+								ref: _hoursRef,
+								"aria-label": hoursInputLabel,
+								readOnly,
+								disabled,
+								onPaste: controller.onPaste,
+								onFocus: (event) => {
+									handleFocus(event);
+									hoursInputProps?.onFocus?.(event);
+								},
+								onBlur: (event) => {
+									const actualInputValue = event.currentTarget.value;
+									if (format === "12h" && (actualInputValue ? parseInt(actualInputValue, 10) : null) === 0) controller.setHours(12);
+									hoursInputProps?.onBlur?.(event);
+								},
+								placeholder: hoursPlaceholder
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: ":" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SpinInput.SpinInput, {
+								...minutesInputProps,
+								...getStyles("field", {
+									className: minutesInputProps?.className,
+									style: minutesInputProps?.style
+								}),
+								value: controller.values.minutes,
+								onChange: controller.setMinutes,
+								min: 0,
+								max: 59,
+								focusable: true,
+								step: minutesStep,
+								ref: _minutesRef,
+								onPreviousInput: () => controller.focus("hours"),
+								onNextInput: () => withSeconds ? controller.focus("seconds") : controller.focus("amPm"),
+								"aria-label": minutesInputLabel,
+								tabIndex: -1,
+								readOnly,
+								disabled,
+								onPaste: controller.onPaste,
+								onFocus: (event) => {
+									handleFocus(event);
+									minutesInputProps?.onFocus?.(event);
+								},
+								placeholder: minutesPlaceholder
+							}),
+							withSeconds && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: ":" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SpinInput.SpinInput, {
+								...secondsInputProps,
+								...getStyles("field", {
+									className: secondsInputProps?.className,
+									style: secondsInputProps?.style
+								}),
+								value: controller.values.seconds,
+								onChange: controller.setSeconds,
+								min: 0,
+								max: 59,
+								focusable: true,
+								step: secondsStep,
+								ref: _secondsRef,
+								onPreviousInput: () => controller.focus("minutes"),
+								onNextInput: () => controller.focus("amPm"),
+								"aria-label": secondsInputLabel,
+								tabIndex: -1,
+								readOnly,
+								disabled,
+								onPaste: controller.onPaste,
+								onFocus: (event) => {
+									handleFocus(event);
+									secondsInputProps?.onFocus?.(event);
+								},
+								placeholder: secondsPlaceholder
+							})] }),
+							format === "12h" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AmPmInput.AmPmInput, {
+								...amPmSelectProps,
+								inputType: withDropdown ? "input" : "select",
+								labels: amPmLabels,
+								value: controller.values.amPm,
+								onChange: controller.setAmPm,
+								ref: _amPmRef,
+								"aria-label": amPmInputLabel,
+								onPreviousInput: () => withSeconds ? controller.focus("seconds") : controller.focus("minutes"),
+								readOnly,
+								disabled,
+								tabIndex: -1,
+								onPaste: controller.onPaste,
+								onFocus: (event) => {
+									handleFocus(event);
+									amPmSelectProps?.onFocus?.(event);
+								}
+							})
+						]
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					type: "hidden",
+					name,
+					form,
+					value: controller.hiddenInputValue,
+					...hiddenInputProps
+				})]
+			}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Popover.Dropdown, {
+				...getStyles("dropdown"),
+				onMouseDown: (event) => event.preventDefault(),
+				children: presets ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TimePresets.TimePresets, {
+					value: controller.hiddenInputValue,
+					onChange: controller.setTimeString,
+					format,
+					presets,
+					amPmLabels,
+					withSeconds: withSeconds || false
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					...getStyles("controlsListGroup"),
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TimeControlsList.TimeControlsList, {
+							min: format === "12h" ? 1 : 0,
+							max: format === "12h" ? 12 : 23,
+							step: hoursStep,
+							value: controller.values.hours,
+							onSelect: controller.setHours,
+							reversed: reverseTimeControlsList
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TimeControlsList.TimeControlsList, {
+							min: 0,
+							max: 59,
+							step: minutesStep,
+							value: controller.values.minutes,
+							onSelect: controller.setMinutes,
+							reversed: reverseTimeControlsList
+						}),
+						withSeconds && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TimeControlsList.TimeControlsList, {
+							min: 0,
+							max: 59,
+							step: secondsStep,
+							value: controller.values.seconds,
+							onSelect: controller.setSeconds,
+							reversed: reverseTimeControlsList
+						}),
+						format === "12h" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AmPmControlsList.AmPmControlsList, {
+							labels: amPmLabels,
+							value: controller.values.amPm,
+							onSelect: controller.setAmPm
+						})
+					]
+				})
+			})]
+		})
+	});
 });
 TimePicker.displayName = "@mantine/dates/TimePicker";
-TimePicker.classes = TimePicker_module;
+TimePicker.classes = require_TimePicker_module.default;
 TimePicker.varsResolver = varsResolver;
-
+//#endregion
 exports.TimePicker = TimePicker;
-//# sourceMappingURL=TimePicker.cjs.map
+
+//# sourceMappingURL=TimePicker.cjs.map