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

package/esm/components/InlineDateTimePicker/InlineDateTimePicker.mjs

@@ -0,0 +1,284 @@
+"use client";
+import { assignTime } from "../../utils/assign-time/assign-time.mjs";
+import { getDefaultClampedDate } from "../../utils/get-default-clamped-date/get-default-clamped-date.mjs";
+import { clampDate } from "../../utils/clamp-date/clamp-date.mjs";
+import { useDatesContext } from "../DatesProvider/use-dates-context.mjs";
+import { TimePicker } from "../TimePicker/TimePicker.mjs";
+import { useUncontrolledDates } from "../../hooks/use-uncontrolled-dates/use-uncontrolled-dates.mjs";
+import { pickCalendarProps } from "../Calendar/pick-calendar-levels-props/pick-calendar-levels-props.mjs";
+import { DatePicker } from "../DatePicker/DatePicker.mjs";
+import { getMaxTime, getMinTime } from "../DateTimePicker/get-min-max-time/get-min-max-time.mjs";
+import InlineDateTimePicker_module_default from "./InlineDateTimePicker.module.mjs";
+import dayjs from "dayjs";
+import { useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ActionIcon, Box, CheckIcon, Text, genericFactory, useProps, useResolvedStylesApi, useStyles } from "@mantine/core";
+import { useDidUpdate, useMergedRef } from "@mantine/hooks";
+//#region packages/@mantine/dates/src/components/InlineDateTimePicker/InlineDateTimePicker.tsx
+const defaultProps = {
+	type: "default",
+	size: "sm"
+};
+const InlineDateTimePicker = genericFactory((_props) => {
+	const props = 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 = useStyles({
+		name: _staticSelector,
+		classes: InlineDateTimePicker_module_default,
+		props,
+		classNames,
+		styles,
+		unstyled,
+		attributes,
+		vars
+	});
+	const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi({
+		classNames,
+		styles,
+		props
+	});
+	const ctx = 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 = useRef(null);
+	const startTimePickerRefMerged = useMergedRef(startTimePickerRef, timePickerProps?.hoursRef);
+	const endTimePickerRefMerged = useMergedRef(useRef(null), endTimePickerProps?.hoursRef);
+	const { calendarProps: { allowSingleDateInRange, ...calendarProps }, others } = pickCalendarProps(rest);
+	const [_value, setValue] = useUncontrolledDates({
+		type,
+		value,
+		defaultValue,
+		onChange,
+		withTime: true
+	});
+	const formatTime = (dateValue) => dateValue ? dayjs(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] = useState(getInitialStartTime);
+	const [endTimeValue, setEndTimeValue] = useState(getInitialEndTime);
+	const [currentLevel, setCurrentLevel] = useState(level || defaultLevel || "month");
+	const _defaultDate = isRange ? (Array.isArray(_value) ? _value[0] : null) || defaultDate : _value || defaultDate;
+	const handleDefaultDateChange = (date) => {
+		if (date) setValue(assignTime(clampDate(minDate, maxDate, date), startTimeValue || defaultTimeValue || ""));
+		startTimePickerRef.current?.focus();
+	};
+	const handleRangeDateChange = (dates) => {
+		const [start, end] = dates;
+		setValue([start ? assignTime(clampDate(minDate, maxDate, start), startTimeValue || defaultTimeValue || "") : null, end ? assignTime(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([assignTime(_value[0], timeString), _value[1]]);
+		} else setValue(assignTime(_value, timeString));
+	};
+	const handleEndTimeChange = (timeString) => {
+		endTimePickerProps?.onChange?.(timeString);
+		setEndTimeValue(timeString);
+		if (timeString && isRange && Array.isArray(_value) && _value[1]) {
+			const newEnd = 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 ? dayjs(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 "";
+	};
+	useDidUpdate(() => {
+		if (isRange && Array.isArray(_value)) {
+			setStartTimeValue(formatTime(_value[0]));
+			setEndTimeValue(formatTime(_value[1]));
+		} else setStartTimeValue(formatTime(_value));
+	}, [_value]);
+	const startMinTime = isRange ? getMinTime({
+		minDate,
+		value: Array.isArray(_value) ? _value[0] : null
+	}) : getMinTime({
+		minDate,
+		value: _value
+	});
+	const startMaxTime = isRange ? getMaxTime({
+		maxDate,
+		value: Array.isArray(_value) ? _value[0] : null
+	}) : getMaxTime({
+		maxDate,
+		value: _value
+	});
+	const endMinTime = isRange ? getMinTime({
+		minDate,
+		value: Array.isArray(_value) ? _value[1] : null
+	}) : void 0;
+	const endMaxTime = isRange ? getMaxTime({
+		maxDate,
+		value: Array.isArray(_value) ? _value[1] : null
+	}) : void 0;
+	return /* @__PURE__ */ jsxs(Box, {
+		...getStyles("root", {
+			className,
+			style
+		}),
+		...others,
+		ref: props.ref,
+		children: [
+			/* @__PURE__ */ jsx(DatePicker, {
+				fullWidth: fullWidth ?? true,
+				...calendarProps,
+				maxDate,
+				minDate,
+				size,
+				variant,
+				type,
+				value: _value,
+				defaultDate: _defaultDate || 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__ */ jsxs("div", {
+				...getStyles("timeWrapper"),
+				children: [/* @__PURE__ */ jsx(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__ */ jsx(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__ */ jsx(CheckIcon, { size: "30%" }),
+					...submitButtonProps,
+					onClick: (event) => {
+						submitButtonProps?.onClick?.(event);
+						onSubmit?.();
+					}
+				})]
+			}),
+			currentLevel === "month" && isRange && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text, {
+				...getStyles("rangeInfo"),
+				children: getFormattedRange()
+			}), /* @__PURE__ */ jsxs("div", {
+				...getStyles("rangeTimeWrapper"),
+				children: [
+					/* @__PURE__ */ jsx(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__ */ jsx(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__ */ jsx(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__ */ jsx(CheckIcon, { size: "30%" }),
+						...submitButtonProps,
+						onClick: (event) => {
+							submitButtonProps?.onClick?.(event);
+							onSubmit?.();
+						}
+					})
+				]
+			})] })
+		]
+	});
+});
+InlineDateTimePicker.classes = {
+	...InlineDateTimePicker_module_default,
+	...DatePicker.classes
+};
+InlineDateTimePicker.displayName = "@mantine/dates/InlineDateTimePicker";
+//#endregion
+export { InlineDateTimePicker };
+
+//# sourceMappingURL=InlineDateTimePicker.mjs.map

package/esm/components/InlineDateTimePicker/InlineDateTimePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineDateTimePicker.mjs","names":["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/esm/components/InlineDateTimePicker/InlineDateTimePicker.module.mjs

@@ -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
+export { InlineDateTimePicker_module_default as default };
+
+//# sourceMappingURL=InlineDateTimePicker.module.mjs.map

package/esm/components/InlineDateTimePicker/InlineDateTimePicker.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineDateTimePicker.module.mjs","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/esm/components/LevelsGroup/LevelsGroup.mjs

@@ -1,39 +1,32 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { factory, useProps, useStyles, Box } from '@mantine/core';
-import classes from './LevelsGroup.module.css.mjs';
-
+"use client";
+import LevelsGroup_module_default from "./LevelsGroup.module.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Box, factory, useProps, useStyles } from "@mantine/core";
+//#region packages/@mantine/dates/src/components/LevelsGroup/LevelsGroup.tsx
 const LevelsGroup = factory((_props) => {
-  const props = useProps("LevelsGroup", null, _props);
-  const {
-    classNames,
-    className,
-    style,
-    styles,
-    unstyled,
-    vars,
-    __staticSelector,
-    fullWidth,
-    attributes,
-    ...others
-  } = props;
-  const getStyles = useStyles({
-    name: __staticSelector || "LevelsGroup",
-    classes,
-    props,
-    className,
-    style,
-    classNames,
-    styles,
-    unstyled,
-    attributes,
-    vars,
-    rootSelector: "levelsGroup"
-  });
-  return /* @__PURE__ */ jsx(Box, { ...getStyles("levelsGroup"), "data-full-width": fullWidth || void 0, ...others });
+	const props = useProps("LevelsGroup", null, _props);
+	const { classNames, className, style, styles, unstyled, vars, __staticSelector, fullWidth, attributes, ...others } = props;
+	return /* @__PURE__ */ jsx(Box, {
+		...useStyles({
+			name: __staticSelector || "LevelsGroup",
+			classes: LevelsGroup_module_default,
+			props,
+			className,
+			style,
+			classNames,
+			styles,
+			unstyled,
+			attributes,
+			vars,
+			rootSelector: "levelsGroup"
+		})("levelsGroup"),
+		"data-full-width": fullWidth || void 0,
+		...others
+	});
 });
-LevelsGroup.classes = classes;
+LevelsGroup.classes = LevelsGroup_module_default;
 LevelsGroup.displayName = "@mantine/dates/LevelsGroup";
-
+//#endregion
 export { LevelsGroup };
-//# sourceMappingURL=LevelsGroup.mjs.map
+
+//# sourceMappingURL=LevelsGroup.mjs.map

package/esm/components/LevelsGroup/LevelsGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LevelsGroup.mjs","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":[],"mappings":"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"}
+{"version":3,"file":"LevelsGroup.mjs","names":["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,cAAc,SAA6B,WAAW;CACjE,MAAM,QAAQ,SAAS,eAAe,MAAM,OAAO;CACnD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,kBACA,WACA,YACA,GAAG,WACD;AAgBJ,QAAO,oBAAC,KAAD;EAAK,GAdM,UAA8B;GAC9C,MAAM,oBAAoB;GAC1B,SAAA;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,UAAUA;AACtB,YAAY,cAAc"}

package/esm/components/LevelsGroup/LevelsGroup.module.mjs

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

package/esm/components/LevelsGroup/LevelsGroup.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LevelsGroup.module.mjs","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":""}