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

package/cjs/components/InlineDateTimePicker/InlineDateTimePicker.cjs

@@ -0,0 +1,286 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_assign_time = require("../../utils/assign-time/assign-time.cjs");
+const require_get_default_clamped_date = require("../../utils/get-default-clamped-date/get-default-clamped-date.cjs");
+const require_clamp_date = require("../../utils/clamp-date/clamp-date.cjs");
+const require_use_dates_context = require("../DatesProvider/use-dates-context.cjs");
+const require_TimePicker = require("../TimePicker/TimePicker.cjs");
+const require_use_uncontrolled_dates = require("../../hooks/use-uncontrolled-dates/use-uncontrolled-dates.cjs");
+const require_pick_calendar_levels_props = require("../Calendar/pick-calendar-levels-props/pick-calendar-levels-props.cjs");
+const require_DatePicker = require("../DatePicker/DatePicker.cjs");
+const require_get_min_max_time = require("../DateTimePicker/get-min-max-time/get-min-max-time.cjs");
+const require_InlineDateTimePicker_module = require("./InlineDateTimePicker.module.cjs");
+let dayjs = require("dayjs");
+dayjs = require_runtime.__toESM(dayjs);
+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/InlineDateTimePicker/InlineDateTimePicker.tsx
+const defaultProps = {
+	type: "default",
+	size: "sm"
+};
+const InlineDateTimePicker = (0, _mantine_core.genericFactory)((_props) => {
+	const props = (0, _mantine_core.useProps)("InlineDateTimePicker", defaultProps, _props);
+	const { value, defaultValue, onChange, valueFormat, locale, classNames, styles, unstyled, timePickerProps, endTimePickerProps, submitButtonProps, withSeconds, level, defaultLevel, size, variant, vars, minDate, maxDate, defaultDate, defaultTimeValue, presets, attributes, onSubmit, labelSeparator, type, className, style, __stopPropagation, __staticSelector, __onEnter, __onPresetSelect, fullWidth, ...rest } = props;
+	const _staticSelector = __staticSelector || "InlineDateTimePicker";
+	const getStyles = (0, _mantine_core.useStyles)({
+		name: _staticSelector,
+		classes: require_InlineDateTimePicker_module.default,
+		props,
+		classNames,
+		styles,
+		unstyled,
+		attributes,
+		vars
+	});
+	const { resolvedClassNames, resolvedStyles } = (0, _mantine_core.useResolvedStylesApi)({
+		classNames,
+		styles,
+		props
+	});
+	const ctx = require_use_dates_context.useDatesContext();
+	const _valueFormat = valueFormat || (withSeconds ? "DD/MM/YYYY HH:mm:ss" : "DD/MM/YYYY HH:mm");
+	const _labelSeparator = ctx.getLabelSeparator(labelSeparator);
+	const isRange = type === "range";
+	const startTimePickerRef = (0, react.useRef)(null);
+	const startTimePickerRefMerged = (0, _mantine_hooks.useMergedRef)(startTimePickerRef, timePickerProps?.hoursRef);
+	const endTimePickerRefMerged = (0, _mantine_hooks.useMergedRef)((0, react.useRef)(null), endTimePickerProps?.hoursRef);
+	const { calendarProps: { allowSingleDateInRange, ...calendarProps }, others } = require_pick_calendar_levels_props.pickCalendarProps(rest);
+	const [_value, setValue] = require_use_uncontrolled_dates.useUncontrolledDates({
+		type,
+		value,
+		defaultValue,
+		onChange,
+		withTime: true
+	});
+	const formatTime = (dateValue) => dateValue ? (0, dayjs.default)(dateValue).format(withSeconds ? "HH:mm:ss" : "HH:mm") : "";
+	const getInitialStartTime = () => {
+		if (defaultTimeValue) return defaultTimeValue;
+		if (isRange) return Array.isArray(_value) ? formatTime(_value[0]) : "";
+		return formatTime(_value);
+	};
+	const getInitialEndTime = () => {
+		if (defaultTimeValue) return defaultTimeValue;
+		return isRange && Array.isArray(_value) ? formatTime(_value[1]) : "";
+	};
+	const [startTimeValue, setStartTimeValue] = (0, react.useState)(getInitialStartTime);
+	const [endTimeValue, setEndTimeValue] = (0, react.useState)(getInitialEndTime);
+	const [currentLevel, setCurrentLevel] = (0, react.useState)(level || defaultLevel || "month");
+	const _defaultDate = isRange ? (Array.isArray(_value) ? _value[0] : null) || defaultDate : _value || defaultDate;
+	const handleDefaultDateChange = (date) => {
+		if (date) setValue(require_assign_time.assignTime(require_clamp_date.clampDate(minDate, maxDate, date), startTimeValue || defaultTimeValue || ""));
+		startTimePickerRef.current?.focus();
+	};
+	const handleRangeDateChange = (dates) => {
+		const [start, end] = dates;
+		setValue([start ? require_assign_time.assignTime(require_clamp_date.clampDate(minDate, maxDate, start), startTimeValue || defaultTimeValue || "") : null, end ? require_assign_time.assignTime(require_clamp_date.clampDate(minDate, maxDate, end), endTimeValue || defaultTimeValue || "") : null]);
+		if (start && end) startTimePickerRef.current?.focus();
+	};
+	const handleDateChange = (date) => {
+		if (isRange) handleRangeDateChange(date);
+		else handleDefaultDateChange(date);
+	};
+	const handleStartTimeChange = (timeString) => {
+		timePickerProps?.onChange?.(timeString);
+		setStartTimeValue(timeString);
+		if (timeString) if (isRange && Array.isArray(_value)) {
+			if (_value[0]) setValue([require_assign_time.assignTime(_value[0], timeString), _value[1]]);
+		} else setValue(require_assign_time.assignTime(_value, timeString));
+	};
+	const handleEndTimeChange = (timeString) => {
+		endTimePickerProps?.onChange?.(timeString);
+		setEndTimeValue(timeString);
+		if (timeString && isRange && Array.isArray(_value) && _value[1]) {
+			const newEnd = require_assign_time.assignTime(_value[1], timeString);
+			setValue([_value[0], newEnd]);
+		}
+	};
+	const handleTimeInputKeyDown = (event) => {
+		if (event.key === "Enter") {
+			event.preventDefault();
+			__onEnter?.();
+		}
+	};
+	const getFormattedRange = () => {
+		if (!isRange || !Array.isArray(_value)) return "";
+		const formatDate = (v) => v ? (0, dayjs.default)(v).locale(ctx.getLocale(locale)).format(_valueFormat) : "";
+		const start = formatDate(_value[0]);
+		const end = formatDate(_value[1]);
+		if (start && end) return `${start} ${_labelSeparator} ${end}`;
+		if (start) return `${start} ${_labelSeparator} ...`;
+		return "";
+	};
+	(0, _mantine_hooks.useDidUpdate)(() => {
+		if (isRange && Array.isArray(_value)) {
+			setStartTimeValue(formatTime(_value[0]));
+			setEndTimeValue(formatTime(_value[1]));
+		} else setStartTimeValue(formatTime(_value));
+	}, [_value]);
+	const startMinTime = isRange ? require_get_min_max_time.getMinTime({
+		minDate,
+		value: Array.isArray(_value) ? _value[0] : null
+	}) : require_get_min_max_time.getMinTime({
+		minDate,
+		value: _value
+	});
+	const startMaxTime = isRange ? require_get_min_max_time.getMaxTime({
+		maxDate,
+		value: Array.isArray(_value) ? _value[0] : null
+	}) : require_get_min_max_time.getMaxTime({
+		maxDate,
+		value: _value
+	});
+	const endMinTime = isRange ? require_get_min_max_time.getMinTime({
+		minDate,
+		value: Array.isArray(_value) ? _value[1] : null
+	}) : void 0;
+	const endMaxTime = isRange ? require_get_min_max_time.getMaxTime({
+		maxDate,
+		value: Array.isArray(_value) ? _value[1] : null
+	}) : void 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mantine_core.Box, {
+		...getStyles("root", {
+			className,
+			style
+		}),
+		...others,
+		ref: props.ref,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DatePicker.DatePicker, {
+				fullWidth: fullWidth ?? true,
+				...calendarProps,
+				maxDate,
+				minDate,
+				size,
+				variant,
+				type,
+				value: _value,
+				defaultDate: _defaultDate || require_get_default_clamped_date.getDefaultClampedDate({
+					maxDate,
+					minDate
+				}),
+				onChange: handleDateChange,
+				locale,
+				classNames: resolvedClassNames,
+				styles: resolvedStyles,
+				unstyled,
+				__staticSelector: _staticSelector,
+				__stopPropagation,
+				level,
+				defaultLevel,
+				onLevelChange: (_level) => {
+					setCurrentLevel(_level);
+					calendarProps.onLevelChange?.(_level);
+				},
+				presets,
+				allowSingleDateInRange,
+				__onPresetSelect,
+				attributes
+			}),
+			currentLevel === "month" && !isRange && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				...getStyles("timeWrapper"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TimePicker.TimePicker, {
+					value: startTimeValue,
+					withSeconds,
+					unstyled,
+					min: startMinTime,
+					max: startMaxTime,
+					...timePickerProps,
+					...getStyles("timeInput", {
+						className: timePickerProps?.className,
+						style: timePickerProps?.style
+					}),
+					onChange: handleStartTimeChange,
+					onKeyDown: handleTimeInputKeyDown,
+					size,
+					"data-mantine-stop-propagation": __stopPropagation || void 0,
+					hoursRef: startTimePickerRefMerged
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.ActionIcon, {
+					variant: "default",
+					size: `input-${size || "sm"}`,
+					...getStyles("submitButton", {
+						className: submitButtonProps?.className,
+						style: submitButtonProps?.style
+					}),
+					unstyled,
+					"data-mantine-stop-propagation": __stopPropagation || void 0,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.CheckIcon, { size: "30%" }),
+					...submitButtonProps,
+					onClick: (event) => {
+						submitButtonProps?.onClick?.(event);
+						onSubmit?.();
+					}
+				})]
+			}),
+			currentLevel === "month" && isRange && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Text, {
+				...getStyles("rangeInfo"),
+				children: getFormattedRange()
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				...getStyles("rangeTimeWrapper"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TimePicker.TimePicker, {
+						value: startTimeValue,
+						withSeconds,
+						unstyled,
+						min: startMinTime,
+						max: startMaxTime,
+						...timePickerProps,
+						...getStyles("rangeTimeInput", {
+							className: timePickerProps?.className,
+							style: timePickerProps?.style
+						}),
+						onChange: handleStartTimeChange,
+						onKeyDown: handleTimeInputKeyDown,
+						size,
+						"data-mantine-stop-propagation": __stopPropagation || void 0,
+						hoursRef: startTimePickerRefMerged
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TimePicker.TimePicker, {
+						value: endTimeValue,
+						withSeconds,
+						unstyled,
+						min: endMinTime,
+						max: endMaxTime,
+						...endTimePickerProps,
+						...getStyles("rangeTimeInput", {
+							className: endTimePickerProps?.className,
+							style: endTimePickerProps?.style
+						}),
+						onChange: handleEndTimeChange,
+						onKeyDown: handleTimeInputKeyDown,
+						size,
+						"data-mantine-stop-propagation": __stopPropagation || void 0,
+						hoursRef: endTimePickerRefMerged
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.ActionIcon, {
+						variant: "default",
+						size: `input-${size || "sm"}`,
+						...getStyles("submitButton", {
+							className: submitButtonProps?.className,
+							style: submitButtonProps?.style
+						}),
+						unstyled,
+						"data-mantine-stop-propagation": __stopPropagation || void 0,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.CheckIcon, { size: "30%" }),
+						...submitButtonProps,
+						onClick: (event) => {
+							submitButtonProps?.onClick?.(event);
+							onSubmit?.();
+						}
+					})
+				]
+			})] })
+		]
+	});
+});
+InlineDateTimePicker.classes = {
+	...require_InlineDateTimePicker_module.default,
+	...require_DatePicker.DatePicker.classes
+};
+InlineDateTimePicker.displayName = "@mantine/dates/InlineDateTimePicker";
+//#endregion
+exports.InlineDateTimePicker = InlineDateTimePicker;
+
+//# sourceMappingURL=InlineDateTimePicker.cjs.map

package/cjs/components/InlineDateTimePicker/InlineDateTimePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineDateTimePicker.cjs","names":["useDatesContext","pickCalendarProps","useUncontrolledDates","assignTime","clampDate","getMinTime","getMaxTime","Box","DatePicker","getDefaultClampedDate","TimePicker","ActionIcon","CheckIcon","Text","classes"],"sources":["../../../src/components/InlineDateTimePicker/InlineDateTimePicker.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useRef, useState } from 'react';\nimport {\n  ActionIcon,\n  ActionIconProps,\n  Box,\n  BoxProps,\n  CheckIcon,\n  ElementProps,\n  Factory,\n  genericFactory,\n  MantineSize,\n  StylesApiProps,\n  Text,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { useDidUpdate, useMergedRef } from '@mantine/hooks';\nimport { useUncontrolledDates } from '../../hooks';\nimport { DatePickerType, DateStringValue, DateValue } from '../../types';\nimport { assignTime, clampDate, getDefaultClampedDate } from '../../utils';\nimport { pickCalendarProps } from '../Calendar';\nimport { DatePicker, DatePickerBaseProps, DatePickerStylesNames } from '../DatePicker';\nimport { useDatesContext } from '../DatesProvider';\nimport { getMaxTime, getMinTime } from '../DateTimePicker/get-min-max-time/get-min-max-time';\nimport { TimePicker, TimePickerProps } from '../TimePicker/TimePicker';\nimport classes from './InlineDateTimePicker.module.css';\n\nexport type InlineDateTimePickerStylesNames =\n  | 'root'\n  | 'timeWrapper'\n  | 'timeInput'\n  | 'submitButton'\n  | 'rangeTimeWrapper'\n  | 'rangeTimeInput'\n  | 'rangeInfo'\n  | DatePickerStylesNames;\n\nexport interface InlineDateTimePickerProps<Type extends DatePickerType = 'default'>\n  extends\n    BoxProps,\n    DatePickerBaseProps<Type>,\n    StylesApiProps<InlineDateTimePickerFactory>,\n    ElementProps<'div', 'onChange' | 'value' | 'defaultValue'> {\n  /** Default time value in `HH:mm` or `HH:mm:ss` format. Assigned to time when date is selected. */\n  defaultTimeValue?: string;\n\n  /** Props passed down to `TimePicker` component */\n  timePickerProps?: Omit<TimePickerProps, 'defaultValue' | 'value'>;\n\n  /** Props passed down to the end time `TimePicker` component in range mode */\n  endTimePickerProps?: Omit<TimePickerProps, 'defaultValue' | 'value'>;\n\n  /** Props passed down to the submit button */\n  submitButtonProps?: ActionIconProps & React.ComponentProps<'button'>;\n\n  /** Determines whether the seconds input should be displayed @default false */\n  withSeconds?: boolean;\n\n  /** Called when the submit button is clicked */\n  onSubmit?: () => void;\n\n  /** `dayjs` format for range display @default \"DD/MM/YYYY HH:mm\" */\n  valueFormat?: string;\n\n  /** Separator between range values */\n  labelSeparator?: string;\n\n  /** Component size @default 'sm' */\n  size?: MantineSize;\n\n  /** Min date */\n  minDate?: DateStringValue | Date;\n\n  /** Max date */\n  maxDate?: DateStringValue | Date;\n\n  /** @internal Adds data-mantine-stop-propagation to interactive elements */\n  __stopPropagation?: boolean;\n\n  /** @internal Overrides the static selector used for class names */\n  __staticSelector?: string;\n\n  /** @internal Called when Enter is pressed in a time input */\n  __onEnter?: () => void;\n\n  /** @internal Forwarded to DatePicker for preset handling */\n  __onPresetSelect?: (val: any) => void;\n}\n\nexport type InlineDateTimePickerFactory = Factory<{\n  props: InlineDateTimePickerProps;\n  ref: HTMLDivElement;\n  stylesNames: InlineDateTimePickerStylesNames;\n  signature: <Type extends DatePickerType = 'default'>(\n    props: InlineDateTimePickerProps<Type> & { ref?: React.Ref<HTMLDivElement> }\n  ) => React.JSX.Element;\n}>;\n\nconst defaultProps = {\n  type: 'default',\n  size: 'sm',\n} satisfies Partial<InlineDateTimePickerProps>;\n\nexport const InlineDateTimePicker = genericFactory<InlineDateTimePickerFactory>((_props) => {\n  const props = useProps('InlineDateTimePicker', defaultProps as any, _props);\n  const {\n    value,\n    defaultValue,\n    onChange,\n    valueFormat,\n    locale,\n    classNames,\n    styles,\n    unstyled,\n    timePickerProps,\n    endTimePickerProps,\n    submitButtonProps,\n    withSeconds,\n    level,\n    defaultLevel,\n    size,\n    variant,\n    vars,\n    minDate,\n    maxDate,\n    defaultDate,\n    defaultTimeValue,\n    presets,\n    attributes,\n    onSubmit,\n    labelSeparator,\n    type,\n    className,\n    style,\n    __stopPropagation,\n    __staticSelector,\n    __onEnter,\n    __onPresetSelect,\n    fullWidth,\n    ...rest\n  } = props;\n\n  const _staticSelector = __staticSelector || 'InlineDateTimePicker';\n\n  const getStyles = useStyles<InlineDateTimePickerFactory>({\n    name: _staticSelector,\n    classes,\n    props: props as InlineDateTimePickerProps,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<InlineDateTimePickerFactory>({\n    classNames,\n    styles,\n    props: props as InlineDateTimePickerProps,\n  });\n\n  const ctx = useDatesContext();\n  const _valueFormat = valueFormat || (withSeconds ? 'DD/MM/YYYY HH:mm:ss' : 'DD/MM/YYYY HH:mm');\n  const _labelSeparator = ctx.getLabelSeparator(labelSeparator);\n  const isRange = (type as string) === 'range';\n\n  const startTimePickerRef = useRef<HTMLInputElement>(null);\n  const startTimePickerRefMerged = useMergedRef(startTimePickerRef, timePickerProps?.hoursRef);\n  const endTimePickerRef = useRef<HTMLInputElement>(null);\n  const endTimePickerRefMerged = useMergedRef(endTimePickerRef, endTimePickerProps?.hoursRef);\n\n  const {\n    calendarProps: { allowSingleDateInRange, ...calendarProps },\n    others,\n  } = pickCalendarProps(rest);\n\n  const [_value, setValue] = useUncontrolledDates({\n    type: type as any,\n    value,\n    defaultValue,\n    onChange: onChange as any,\n    withTime: true,\n  });\n\n  const formatTime = (dateValue: DateStringValue | null) =>\n    dateValue ? dayjs(dateValue).format(withSeconds ? 'HH:mm:ss' : 'HH:mm') : '';\n\n  const getInitialStartTime = () => {\n    if (defaultTimeValue) {\n      return defaultTimeValue;\n    }\n    if (isRange) {\n      return Array.isArray(_value) ? formatTime(_value[0]) : '';\n    }\n    return formatTime(_value as DateStringValue | null);\n  };\n\n  const getInitialEndTime = () => {\n    if (defaultTimeValue) {\n      return defaultTimeValue;\n    }\n    return isRange && Array.isArray(_value) ? formatTime(_value[1]) : '';\n  };\n\n  const [startTimeValue, setStartTimeValue] = useState(getInitialStartTime);\n  const [endTimeValue, setEndTimeValue] = useState(getInitialEndTime);\n  const [currentLevel, setCurrentLevel] = useState(level || defaultLevel || 'month');\n\n  const _defaultDate = isRange\n    ? (Array.isArray(_value) ? _value[0] : null) || defaultDate\n    : (_value as DateStringValue | null) || defaultDate;\n\n  const handleDefaultDateChange = (date: DateValue) => {\n    if (date) {\n      setValue(\n        assignTime(clampDate(minDate, maxDate, date), startTimeValue || defaultTimeValue || '')\n      );\n    }\n    startTimePickerRef.current?.focus();\n  };\n\n  const handleRangeDateChange = (dates: any) => {\n    const [start, end] = dates;\n    const newStart = start\n      ? assignTime(clampDate(minDate, maxDate, start), startTimeValue || defaultTimeValue || '')\n      : null;\n    const newEnd = end\n      ? assignTime(clampDate(minDate, maxDate, end), endTimeValue || defaultTimeValue || '')\n      : null;\n    setValue([newStart, newEnd] as any);\n\n    if (start && end) {\n      startTimePickerRef.current?.focus();\n    }\n  };\n\n  const handleDateChange = (date: any) => {\n    if (isRange) {\n      handleRangeDateChange(date);\n    } else {\n      handleDefaultDateChange(date);\n    }\n  };\n\n  const handleStartTimeChange = (timeString: string) => {\n    timePickerProps?.onChange?.(timeString);\n    setStartTimeValue(timeString);\n\n    if (timeString) {\n      if (isRange && Array.isArray(_value)) {\n        if (_value[0]) {\n          const newStart = assignTime(_value[0], timeString);\n          setValue([newStart, _value[1]] as any);\n        }\n      } else {\n        setValue(assignTime(_value as DateStringValue | null, timeString));\n      }\n    }\n  };\n\n  const handleEndTimeChange = (timeString: string) => {\n    endTimePickerProps?.onChange?.(timeString);\n    setEndTimeValue(timeString);\n\n    if (timeString && isRange && Array.isArray(_value) && _value[1]) {\n      const newEnd = assignTime(_value[1], timeString);\n      setValue([_value[0], newEnd] as any);\n    }\n  };\n\n  const handleTimeInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      __onEnter?.();\n    }\n  };\n\n  const getFormattedRange = () => {\n    if (!isRange || !Array.isArray(_value)) {\n      return '';\n    }\n\n    const formatDate = (v: DateStringValue | null) =>\n      v ? dayjs(v).locale(ctx.getLocale(locale)).format(_valueFormat) : '';\n\n    const start = formatDate(_value[0]);\n    const end = formatDate(_value[1]);\n\n    if (start && end) {\n      return `${start} ${_labelSeparator} ${end}`;\n    }\n\n    if (start) {\n      return `${start} ${_labelSeparator} ...`;\n    }\n\n    return '';\n  };\n\n  useDidUpdate(() => {\n    if (isRange && Array.isArray(_value)) {\n      setStartTimeValue(formatTime(_value[0]));\n      setEndTimeValue(formatTime(_value[1]));\n    } else {\n      setStartTimeValue(formatTime(_value as DateStringValue | null));\n    }\n  }, [_value]);\n\n  const startMinTime = isRange\n    ? getMinTime({ minDate, value: Array.isArray(_value) ? _value[0] : null })\n    : getMinTime({ minDate, value: _value as DateStringValue | null });\n\n  const startMaxTime = isRange\n    ? getMaxTime({ maxDate, value: Array.isArray(_value) ? _value[0] : null })\n    : getMaxTime({ maxDate, value: _value as DateStringValue | null });\n\n  const endMinTime = isRange\n    ? getMinTime({ minDate, value: Array.isArray(_value) ? _value[1] : null })\n    : undefined;\n\n  const endMaxTime = isRange\n    ? getMaxTime({ maxDate, value: Array.isArray(_value) ? _value[1] : null })\n    : undefined;\n\n  return (\n    <Box {...getStyles('root', { className, style })} {...others} ref={props.ref as any}>\n      <DatePicker\n        fullWidth={fullWidth ?? true}\n        {...calendarProps}\n        maxDate={maxDate}\n        minDate={minDate}\n        size={size}\n        variant={variant}\n        type={type as any}\n        value={_value as any}\n        defaultDate={_defaultDate || getDefaultClampedDate({ maxDate, minDate })}\n        onChange={handleDateChange}\n        locale={locale}\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        unstyled={unstyled}\n        __staticSelector={_staticSelector}\n        __stopPropagation={__stopPropagation}\n        level={level}\n        defaultLevel={defaultLevel}\n        onLevelChange={(_level) => {\n          setCurrentLevel(_level);\n          calendarProps.onLevelChange?.(_level);\n        }}\n        presets={presets}\n        allowSingleDateInRange={allowSingleDateInRange}\n        __onPresetSelect={__onPresetSelect}\n        attributes={attributes}\n      />\n\n      {currentLevel === 'month' && !isRange && (\n        <div {...getStyles('timeWrapper')}>\n          <TimePicker\n            value={startTimeValue}\n            withSeconds={withSeconds}\n            unstyled={unstyled}\n            min={startMinTime}\n            max={startMaxTime}\n            {...timePickerProps}\n            {...getStyles('timeInput', {\n              className: timePickerProps?.className,\n              style: timePickerProps?.style,\n            })}\n            onChange={handleStartTimeChange}\n            onKeyDown={handleTimeInputKeyDown}\n            size={size}\n            data-mantine-stop-propagation={__stopPropagation || undefined}\n            hoursRef={startTimePickerRefMerged}\n          />\n\n          <ActionIcon\n            variant=\"default\"\n            size={`input-${size || 'sm'}`}\n            {...getStyles('submitButton', {\n              className: submitButtonProps?.className,\n              style: submitButtonProps?.style,\n            })}\n            unstyled={unstyled}\n            data-mantine-stop-propagation={__stopPropagation || undefined}\n            // eslint-disable-next-line react/no-children-prop\n            children={<CheckIcon size=\"30%\" />}\n            {...submitButtonProps}\n            onClick={(event) => {\n              submitButtonProps?.onClick?.(event);\n              onSubmit?.();\n            }}\n          />\n        </div>\n      )}\n\n      {currentLevel === 'month' && isRange && (\n        <>\n          <Text {...getStyles('rangeInfo')}>{getFormattedRange()}</Text>\n\n          <div {...getStyles('rangeTimeWrapper')}>\n            <TimePicker\n              value={startTimeValue}\n              withSeconds={withSeconds}\n              unstyled={unstyled}\n              min={startMinTime}\n              max={startMaxTime}\n              {...timePickerProps}\n              {...getStyles('rangeTimeInput', {\n                className: timePickerProps?.className,\n                style: timePickerProps?.style,\n              })}\n              onChange={handleStartTimeChange}\n              onKeyDown={handleTimeInputKeyDown}\n              size={size}\n              data-mantine-stop-propagation={__stopPropagation || undefined}\n              hoursRef={startTimePickerRefMerged}\n            />\n\n            <TimePicker\n              value={endTimeValue}\n              withSeconds={withSeconds}\n              unstyled={unstyled}\n              min={endMinTime}\n              max={endMaxTime}\n              {...endTimePickerProps}\n              {...getStyles('rangeTimeInput', {\n                className: endTimePickerProps?.className,\n                style: endTimePickerProps?.style,\n              })}\n              onChange={handleEndTimeChange}\n              onKeyDown={handleTimeInputKeyDown}\n              size={size}\n              data-mantine-stop-propagation={__stopPropagation || undefined}\n              hoursRef={endTimePickerRefMerged}\n            />\n\n            <ActionIcon\n              variant=\"default\"\n              size={`input-${size || 'sm'}`}\n              {...getStyles('submitButton', {\n                className: submitButtonProps?.className,\n                style: submitButtonProps?.style,\n              })}\n              unstyled={unstyled}\n              data-mantine-stop-propagation={__stopPropagation || undefined}\n              // eslint-disable-next-line react/no-children-prop\n              children={<CheckIcon size=\"30%\" />}\n              {...submitButtonProps}\n              onClick={(event) => {\n                submitButtonProps?.onClick?.(event);\n                onSubmit?.();\n              }}\n            />\n          </div>\n        </>\n      )}\n    </Box>\n  );\n});\n\nInlineDateTimePicker.classes = { ...classes, ...DatePicker.classes };\nInlineDateTimePicker.displayName = '@mantine/dates/InlineDateTimePicker';\n"],"mappings":"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"}

package/cjs/components/InlineDateTimePicker/InlineDateTimePicker.module.cjs

@@ -0,0 +1,13 @@
+"use client";
+//#region packages/@mantine/dates/src/components/InlineDateTimePicker/InlineDateTimePicker.module.css
+var InlineDateTimePicker_module_default = {
+	"timeWrapper": "m_43bf4edb",
+	"timeInput": "m_49f1412",
+	"rangeInfo": "m_d6d672a0",
+	"rangeTimeWrapper": "m_80eb36d4",
+	"rangeTimeInput": "m_5566a64b"
+};
+//#endregion
+exports.default = InlineDateTimePicker_module_default;
+
+//# sourceMappingURL=InlineDateTimePicker.module.cjs.map

package/cjs/components/InlineDateTimePicker/InlineDateTimePicker.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineDateTimePicker.module.cjs","names":[],"sources":["../../../src/components/InlineDateTimePicker/InlineDateTimePicker.module.css"],"sourcesContent":[".timeWrapper {\n  display: flex;\n  align-items: stretch;\n  margin-top: var(--mantine-spacing-md);\n}\n\n.timeInput {\n  flex: 1;\n  margin-inline-end: var(--mantine-spacing-md);\n}\n\n.rangeInfo {\n  margin-top: var(--mantine-spacing-md);\n  font-size: calc(var(--mantine-font-size-sm) - rem(2px));\n  color: var(--mantine-color-text);\n  line-height: 1.4;\n  height: calc((var(--mantine-font-size-sm) - rem(2px)) * 1.4);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.rangeTimeWrapper {\n  display: flex;\n  align-items: stretch;\n  gap: var(--mantine-spacing-md);\n  margin-top: var(--mantine-spacing-md);\n}\n\n.rangeTimeInput {\n  flex: 1;\n}\n"],"mappings":""}

package/cjs/components/LevelsGroup/LevelsGroup.cjs

@@ -1,41 +1,33 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@mantine/core');
-var LevelsGroup_module = require('./LevelsGroup.module.css.cjs');
-
-const LevelsGroup = core.factory((_props) => {
-  const props = core.useProps("LevelsGroup", null, _props);
-  const {
-    classNames,
-    className,
-    style,
-    styles,
-    unstyled,
-    vars,
-    __staticSelector,
-    fullWidth,
-    attributes,
-    ...others
-  } = props;
-  const getStyles = core.useStyles({
-    name: __staticSelector || "LevelsGroup",
-    classes: LevelsGroup_module,
-    props,
-    className,
-    style,
-    classNames,
-    styles,
-    unstyled,
-    attributes,
-    vars,
-    rootSelector: "levelsGroup"
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Box, { ...getStyles("levelsGroup"), "data-full-width": fullWidth || void 0, ...others });
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_LevelsGroup_module = require("./LevelsGroup.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _mantine_core = require("@mantine/core");
+//#region packages/@mantine/dates/src/components/LevelsGroup/LevelsGroup.tsx
+const LevelsGroup = (0, _mantine_core.factory)((_props) => {
+	const props = (0, _mantine_core.useProps)("LevelsGroup", null, _props);
+	const { classNames, className, style, styles, unstyled, vars, __staticSelector, fullWidth, attributes, ...others } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Box, {
+		...(0, _mantine_core.useStyles)({
+			name: __staticSelector || "LevelsGroup",
+			classes: require_LevelsGroup_module.default,
+			props,
+			className,
+			style,
+			classNames,
+			styles,
+			unstyled,
+			attributes,
+			vars,
+			rootSelector: "levelsGroup"
+		})("levelsGroup"),
+		"data-full-width": fullWidth || void 0,
+		...others
+	});
 });
-LevelsGroup.classes = LevelsGroup_module;
+LevelsGroup.classes = require_LevelsGroup_module.default;
 LevelsGroup.displayName = "@mantine/dates/LevelsGroup";
-
+//#endregion
 exports.LevelsGroup = LevelsGroup;
-//# sourceMappingURL=LevelsGroup.cjs.map
+
+//# sourceMappingURL=LevelsGroup.cjs.map

package/cjs/components/LevelsGroup/LevelsGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LevelsGroup.cjs","sources":["../../../src/components/LevelsGroup/LevelsGroup.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  MantineSize,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport classes from './LevelsGroup.module.css';\n\nexport type LevelsGroupStylesNames = 'levelsGroup';\n\nexport interface LevelsGroupProps\n  extends BoxProps, StylesApiProps<LevelsGroupFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n  size?: MantineSize;\n\n  /** Determines whether the group should take the full width of its container @default false */\n  fullWidth?: boolean;\n}\n\nexport type LevelsGroupFactory = Factory<{\n  props: LevelsGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: LevelsGroupStylesNames;\n}>;\n\nexport const LevelsGroup = factory<LevelsGroupFactory>((_props) => {\n  const props = useProps('LevelsGroup', null, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    __staticSelector,\n    fullWidth,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<LevelsGroupFactory>({\n    name: __staticSelector || 'LevelsGroup',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    rootSelector: 'levelsGroup',\n  });\n\n  return <Box {...getStyles('levelsGroup')} data-full-width={fullWidth || undefined} {...others} />;\n});\n\nLevelsGroup.classes = classes;\nLevelsGroup.displayName = '@mantine/dates/LevelsGroup';\n"],"names":["factory","useProps","useStyles","classes","jsx","Box"],"mappings":"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"}
+{"version":3,"file":"LevelsGroup.cjs","names":["Box","classes"],"sources":["../../../src/components/LevelsGroup/LevelsGroup.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  MantineSize,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport classes from './LevelsGroup.module.css';\n\nexport type LevelsGroupStylesNames = 'levelsGroup';\n\nexport interface LevelsGroupProps\n  extends BoxProps, StylesApiProps<LevelsGroupFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n  size?: MantineSize;\n\n  /** Determines whether the group should take the full width of its container @default false */\n  fullWidth?: boolean;\n}\n\nexport type LevelsGroupFactory = Factory<{\n  props: LevelsGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: LevelsGroupStylesNames;\n}>;\n\nexport const LevelsGroup = factory<LevelsGroupFactory>((_props) => {\n  const props = useProps('LevelsGroup', null, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    __staticSelector,\n    fullWidth,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<LevelsGroupFactory>({\n    name: __staticSelector || 'LevelsGroup',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    rootSelector: 'levelsGroup',\n  });\n\n  return <Box {...getStyles('levelsGroup')} data-full-width={fullWidth || undefined} {...others} />;\n});\n\nLevelsGroup.classes = classes;\nLevelsGroup.displayName = '@mantine/dates/LevelsGroup';\n"],"mappings":";;;;;;AA8BA,MAAa,eAAA,GAAA,cAAA,UAA2C,WAAW;CACjE,MAAM,SAAA,GAAA,cAAA,UAAiB,eAAe,MAAM,OAAO;CACnD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,kBACA,WACA,YACA,GAAG,WACD;AAgBJ,QAAO,iBAAA,GAAA,kBAAA,KAACA,cAAAA,KAAD;EAAK,IAAA,GAAA,cAAA,WAdoC;GAC9C,MAAM,oBAAoB;GAC1B,SAAA,2BAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;GACf,CAAC,CAEwB,cAAc;EAAE,mBAAiB,aAAa,KAAA;EAAW,GAAI;EAAU,CAAA;EACjG;AAEF,YAAY,UAAUC,2BAAAA;AACtB,YAAY,cAAc"}

package/cjs/components/LevelsGroup/LevelsGroup.module.cjs

@@ -0,0 +1,7 @@
+"use client";
+//#region packages/@mantine/dates/src/components/LevelsGroup/LevelsGroup.module.css
+var LevelsGroup_module_default = { "levelsGroup": "m_30b26e33" };
+//#endregion
+exports.default = LevelsGroup_module_default;
+
+//# sourceMappingURL=LevelsGroup.module.cjs.map

package/cjs/components/LevelsGroup/LevelsGroup.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LevelsGroup.module.cjs","names":[],"sources":["../../../src/components/LevelsGroup/LevelsGroup.module.css"],"sourcesContent":[".levelsGroup {\n  display: flex;\n  gap: var(--mantine-spacing-md);\n\n  &[data-full-width] {\n    width: 100%;\n\n    & > * {\n      flex: 1;\n    }\n  }\n}\n"],"mappings":""}