@povio/ui 2.3.0-rc.20 → 2.3.0-rc.21

package/dist/components/inputs/DateTime/DatePicker/DatePicker.js

@@ -13,12 +13,13 @@ import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
 import { useDebounceCallback } from "../../../../hooks/useDebounceCallback.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { useDatePicker, useLocale } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
-import { Controller, useWatch } from "react-hook-form";
+import { Controller } from "react-hook-form";
 import { createCalendar, toCalendarDate, today } from "@internationalized/date";
 import { DateTime } from "luxon";
 import { useCalendarState, useDatePickerState } from "react-stately";
@@ -236,7 +237,11 @@ var DatePickerBase = (props) => {
 		})
 	});
 };
-var DatePicker = ({ fullIso = true, granularity = "day", minValue, maxValue, renderStaticInput, ...props }) => {
+var DatePickerInner = (t0) => {
+	const $ = c(28);
+	const { fullIso: t1, granularity: t2, minValue, maxValue, renderStaticInput, isFormControlDisabled, ...props } = t0;
+	const fullIso = t1 === void 0 ? true : t1;
+	const granularity = t2 === void 0 ? "day" : t2;
 	const ui = UIConfig.useConfig();
 	const datePickerInputContentRowCva = UIStyle.useCva("datePickerInput.contentRowCva", datePickerInputContentRow);
 	const { locale } = useLocale();
@@ -247,43 +252,75 @@ var DatePicker = ({ fullIso = true, granularity = "day", minValue, maxValue, ren
 		inputRef,
 		renderInput,
 		setRenderInput,
-		getFocusTarget: (input) => {
-			const container = input.getContainer?.() ?? input;
-			return container instanceof HTMLElement ? container.querySelector("input, button, [tabindex]:not([tabindex='-1'])") : null;
-		}
+		getFocusTarget: _temp
 	});
-	const watchedValue = "formControl" in props && props.formControl ? useWatch({
-		control: props.formControl.control,
-		name: props.formControl.name
-	}) : props.value;
-	let isFormControlDisabled = false;
-	if ("formControl" in props && props.formControl) isFormControlDisabled = !!props.formControl.control._options?.disabled;
-	const rawValue = watchedValue ?? props.value ?? null;
-	const normalizeByGranularity = (date) => {
-		if (granularity === "year") return date.set({
-			month: 1,
-			day: 1
-		});
-		if (granularity === "month") return date.set({ day: 1 });
-		return date;
-	};
-	const formatCalendarDate = (calendarDate) => {
-		if (calendarDate === null) return null;
-		const normalizedDate = normalizeByGranularity(calendarDate);
-		if (fullIso) return DateTimeUtils.fromCalendarDateToUTCISO(normalizedDate);
-		const date_0 = DateTimeUtils.fromDateValueToLocal(normalizedDate, "UTC");
-		return DateTime.fromJSDate(date_0, { zone: "UTC" }).toISODate();
-	};
-	const parseCalendarDate = (formattedDate) => {
-		if (formattedDate == null) return formattedDate;
-		if (fullIso) return normalizeByGranularity(DateTimeUtils.fromUTCISOToCalendarDate(formattedDate));
-		const date_1 = DateTime.fromISO(formattedDate, { zone: "UTC" }).toJSDate();
-		return normalizeByGranularity(toCalendarDate(DateTimeUtils.fromLocalToZonedDateTime(date_1, "UTC")));
-	};
-	const dateLimits = {
-		minValue: typeof minValue === "string" ? parseCalendarDate(minValue) : minValue,
-		maxValue: typeof maxValue === "string" ? parseCalendarDate(maxValue) : maxValue
-	};
+	const rawValue = props.value ?? null;
+	let t3;
+	if ($[0] !== granularity) {
+		t3 = (date) => {
+			if (granularity === "year") return date.set({
+				month: 1,
+				day: 1
+			});
+			if (granularity === "month") return date.set({ day: 1 });
+			return date;
+		};
+		$[0] = granularity;
+		$[1] = t3;
+	} else t3 = $[1];
+	const normalizeByGranularity = t3;
+	let t4;
+	if ($[2] !== fullIso || $[3] !== normalizeByGranularity) {
+		t4 = (calendarDate) => {
+			if (calendarDate === null) return null;
+			const normalizedDate = normalizeByGranularity(calendarDate);
+			if (fullIso) return DateTimeUtils.fromCalendarDateToUTCISO(normalizedDate);
+			const date_0 = DateTimeUtils.fromDateValueToLocal(normalizedDate, "UTC");
+			return DateTime.fromJSDate(date_0, { zone: "UTC" }).toISODate();
+		};
+		$[2] = fullIso;
+		$[3] = normalizeByGranularity;
+		$[4] = t4;
+	} else t4 = $[4];
+	const formatCalendarDate = t4;
+	let t5;
+	if ($[5] !== fullIso || $[6] !== normalizeByGranularity) {
+		t5 = (formattedDate) => {
+			if (formattedDate == null) return formattedDate;
+			if (fullIso) return normalizeByGranularity(DateTimeUtils.fromUTCISOToCalendarDate(formattedDate));
+			const date_1 = DateTime.fromISO(formattedDate, { zone: "UTC" }).toJSDate();
+			return normalizeByGranularity(toCalendarDate(DateTimeUtils.fromLocalToZonedDateTime(date_1, "UTC")));
+		};
+		$[5] = fullIso;
+		$[6] = normalizeByGranularity;
+		$[7] = t5;
+	} else t5 = $[7];
+	const parseCalendarDate = t5;
+	let t6;
+	if ($[8] !== minValue || $[9] !== parseCalendarDate) {
+		t6 = typeof minValue === "string" ? parseCalendarDate(minValue) : minValue;
+		$[8] = minValue;
+		$[9] = parseCalendarDate;
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] !== maxValue || $[12] !== parseCalendarDate) {
+		t7 = typeof maxValue === "string" ? parseCalendarDate(maxValue) : maxValue;
+		$[11] = maxValue;
+		$[12] = parseCalendarDate;
+		$[13] = t7;
+	} else t7 = $[13];
+	let t8;
+	if ($[14] !== t6 || $[15] !== t7) {
+		t8 = {
+			minValue: t6,
+			maxValue: t7
+		};
+		$[14] = t6;
+		$[15] = t7;
+		$[16] = t8;
+	} else t8 = $[16];
+	const dateLimits = t8;
 	if (!renderInput) {
 		const dateValue = rawValue ? parseCalendarDate(rawValue) : null;
 		const as = props.as ?? ui.input.as;
@@ -331,32 +368,151 @@ var DatePicker = ({ fullIso = true, granularity = "day", minValue, maxValue, ren
 			children: staticSegments
 		});
 	}
-	if ("formControl" in props && props.formControl) {
-		const { formControl, ref, ...innerProps } = props;
-		return /* @__PURE__ */ jsx(Controller, {
-			control: formControl.control,
-			name: formControl.name,
-			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(DatePickerBase, {
-				...innerProps,
-				...dateLimits,
-				ref: mergeRefs(ref, field.ref, inputRef),
-				value: parseCalendarDate(field.value),
-				onChange: (value) => field.onChange(formatCalendarDate(value)),
-				onBlur: field.onBlur,
-				isDirty,
-				isDisabled: field.disabled || props.isDisabled,
-				error: props.error ?? error?.message
-			})
+	const T0 = DatePickerBase;
+	const t9 = mergeRefs(props.ref, inputRef);
+	const t10 = parseCalendarDate(props.value);
+	let t11;
+	if ($[17] !== formatCalendarDate || $[18] !== props) {
+		t11 = (value) => props.onChange?.(formatCalendarDate(value));
+		$[17] = formatCalendarDate;
+		$[18] = props;
+		$[19] = t11;
+	} else t11 = $[19];
+	let t12;
+	if ($[20] !== T0 || $[21] !== dateLimits || $[22] !== granularity || $[23] !== props || $[24] !== t10 || $[25] !== t11 || $[26] !== t9) {
+		t12 = /* @__PURE__ */ jsx(T0, {
+			...props,
+			...dateLimits,
+			ref: t9,
+			granularity,
+			value: t10,
+			onChange: t11
 		});
+		$[20] = T0;
+		$[21] = dateLimits;
+		$[22] = granularity;
+		$[23] = props;
+		$[24] = t10;
+		$[25] = t11;
+		$[26] = t9;
+		$[27] = t12;
+	} else t12 = $[27];
+	return t12;
+};
+var DatePicker = (t0) => {
+	const $ = c(33);
+	let maxValue;
+	let minValue;
+	let props;
+	let renderStaticInput;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({fullIso: t1, granularity: t2, minValue, maxValue, renderStaticInput, ...props} = t0);
+		$[0] = t0;
+		$[1] = maxValue;
+		$[2] = minValue;
+		$[3] = props;
+		$[4] = renderStaticInput;
+		$[5] = t1;
+		$[6] = t2;
+	} else {
+		maxValue = $[1];
+		minValue = $[2];
+		props = $[3];
+		renderStaticInput = $[4];
+		t1 = $[5];
+		t2 = $[6];
 	}
-	return /* @__PURE__ */ jsx(DatePickerBase, {
-		...props,
-		...dateLimits,
-		ref: mergeRefs(props.ref, inputRef),
-		granularity,
-		value: parseCalendarDate(props.value),
-		onChange: (value_0) => props.onChange?.(formatCalendarDate(value_0))
-	});
+	const fullIso = t1 === void 0 ? true : t1;
+	const granularity = t2 === void 0 ? "day" : t2;
+	if ("formControl" in props && props.formControl) {
+		let formControl;
+		let innerProps;
+		let ref;
+		if ($[7] !== props) {
+			({formControl, ref, ...innerProps} = props);
+			$[7] = props;
+			$[8] = formControl;
+			$[9] = innerProps;
+			$[10] = ref;
+		} else {
+			formControl = $[8];
+			innerProps = $[9];
+			ref = $[10];
+		}
+		const controlWithOptions = formControl.control;
+		let t3;
+		if ($[11] !== controlWithOptions._options?.disabled || $[12] !== fullIso || $[13] !== granularity || $[14] !== innerProps || $[15] !== maxValue || $[16] !== minValue || $[17] !== props.error || $[18] !== props.isDisabled || $[19] !== ref || $[20] !== renderStaticInput) {
+			t3 = (t4) => {
+				const { field, fieldState: t5 } = t4;
+				const { error, isDirty } = t5;
+				return /* @__PURE__ */ jsx(DatePickerInner, {
+					...innerProps,
+					ref: mergeRefs(ref, field.ref),
+					value: field.value,
+					onChange: field.onChange,
+					onBlur: field.onBlur,
+					isDirty,
+					isDisabled: field.disabled || props.isDisabled,
+					isFormControlDisabled: !!controlWithOptions._options?.disabled,
+					error: props.error ?? error?.message,
+					fullIso,
+					granularity,
+					minValue,
+					maxValue,
+					renderStaticInput
+				});
+			};
+			$[11] = controlWithOptions._options?.disabled;
+			$[12] = fullIso;
+			$[13] = granularity;
+			$[14] = innerProps;
+			$[15] = maxValue;
+			$[16] = minValue;
+			$[17] = props.error;
+			$[18] = props.isDisabled;
+			$[19] = ref;
+			$[20] = renderStaticInput;
+			$[21] = t3;
+		} else t3 = $[21];
+		let t4;
+		if ($[22] !== formControl.control || $[23] !== formControl.name || $[24] !== t3) {
+			t4 = /* @__PURE__ */ jsx(Controller, {
+				control: formControl.control,
+				name: formControl.name,
+				render: t3
+			});
+			$[22] = formControl.control;
+			$[23] = formControl.name;
+			$[24] = t3;
+			$[25] = t4;
+		} else t4 = $[25];
+		return t4;
+	}
+	let t3;
+	if ($[26] !== fullIso || $[27] !== granularity || $[28] !== maxValue || $[29] !== minValue || $[30] !== props || $[31] !== renderStaticInput) {
+		t3 = /* @__PURE__ */ jsx(DatePickerInner, {
+			...props,
+			fullIso,
+			granularity,
+			minValue,
+			maxValue,
+			renderStaticInput
+		});
+		$[26] = fullIso;
+		$[27] = granularity;
+		$[28] = maxValue;
+		$[29] = minValue;
+		$[30] = props;
+		$[31] = renderStaticInput;
+		$[32] = t3;
+	} else t3 = $[32];
+	return t3;
 };
+function _temp(input) {
+	const container = input.getContainer?.() ?? input;
+	return container instanceof HTMLElement ? container.querySelector("input, button, [tabindex]:not([tabindex='-1'])") : null;
+}
 //#endregion
 export { DatePicker };

package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js

@@ -15,6 +15,7 @@ import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
 import { useDebounceCallback } from "../../../../hooks/useDebounceCallback.js";
 import { RangeCalendar } from "../shared/RangeCalendar.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useCallback, useImperativeHandle, useMemo, useRef, useState } from "react";
@@ -22,7 +23,7 @@ import { Button } from "react-aria-components";
 import { useDateRangePicker, useLocale as useLocale$1 } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import { useTranslation } from "react-i18next";
-import { Controller, useWatch } from "react-hook-form";
+import { Controller } from "react-hook-form";
 import { createCalendar, endOfMonth, endOfWeek, endOfYear, startOfMonth, startOfWeek, startOfYear, toCalendarDate, today } from "@internationalized/date";
 import { DateTime } from "luxon";
 import { useDateRangePickerState, useRangeCalendarState } from "react-stately";
@@ -565,7 +566,10 @@ var DateRangePickerBase = (props) => {
 		})
 	});
 };
-var DateRangePicker = ({ fullIso = true, minValue, maxValue, renderStaticInput, ...props }) => {
+var DateRangePickerInner = (t0) => {
+	const $ = c(25);
+	const { fullIso: t1, minValue, maxValue, renderStaticInput, isFormControlDisabled, ...props } = t0;
+	const fullIso = t1 === void 0 ? true : t1;
 	const ui = UIConfig.useConfig();
 	const datePickerInputContentRowCva = UIStyle.useCva("datePickerInput.contentRowCva", datePickerInputContentRow);
 	const { locale } = useLocale$1();
@@ -576,56 +580,86 @@ var DateRangePicker = ({ fullIso = true, minValue, maxValue, renderStaticInput,
 		inputRef,
 		renderInput,
 		setRenderInput,
-		getFocusTarget: (input) => {
-			const container = input.getContainer?.() ?? input;
-			return container instanceof HTMLElement ? container.querySelector("input, button, [tabindex]:not([tabindex='-1'])") : null;
-		}
+		getFocusTarget: _temp
 	});
-	const watchedValue = "formControl" in props && props.formControl ? useWatch({
-		control: props.formControl.control,
-		name: props.formControl.name
-	}) : props.value;
-	let isFormControlDisabled = false;
-	if ("formControl" in props && props.formControl) isFormControlDisabled = !!props.formControl.control._options?.disabled;
-	const rawValue = watchedValue ?? props.value ?? null;
-	const formatDateRange = (range) => {
-		if (!range?.start || !range?.end) return null;
-		if (fullIso) return {
-			start: DateTimeUtils.fromCalendarDateToUTCISO(range.start),
-			end: DateTimeUtils.fromCalendarDateToUTCISO(range.end, { endOfDay: true })
+	const rawValue = props.value ?? null;
+	let t2;
+	if ($[0] !== fullIso) {
+		t2 = (range) => {
+			if (!range?.start || !range?.end) return null;
+			if (fullIso) return {
+				start: DateTimeUtils.fromCalendarDateToUTCISO(range.start),
+				end: DateTimeUtils.fromCalendarDateToUTCISO(range.end, { endOfDay: true })
+			};
+			const startDate = DateTimeUtils.fromDateValueToLocal(range.start, "UTC");
+			const endDate = DateTimeUtils.fromDateValueToLocal(range.end, "UTC");
+			return {
+				start: DateTime.fromJSDate(startDate, { zone: "UTC" }).toISODate(),
+				end: DateTime.fromJSDate(endDate, { zone: "UTC" }).toISODate()
+			};
 		};
-		const startDate = DateTimeUtils.fromDateValueToLocal(range.start, "UTC");
-		const endDate = DateTimeUtils.fromDateValueToLocal(range.end, "UTC");
-		return {
-			start: DateTime.fromJSDate(startDate, { zone: "UTC" }).toISODate(),
-			end: DateTime.fromJSDate(endDate, { zone: "UTC" }).toISODate()
+		$[0] = fullIso;
+		$[1] = t2;
+	} else t2 = $[1];
+	const formatDateRange = t2;
+	let t3;
+	if ($[2] !== fullIso) {
+		t3 = (formattedRange) => {
+			if (!formattedRange?.start || !formattedRange?.end) return formattedRange;
+			if (fullIso) return {
+				start: DateTimeUtils.fromUTCISOToCalendarDate(formattedRange.start),
+				end: DateTimeUtils.fromUTCISOToCalendarDate(formattedRange.end)
+			};
+			const startDate_0 = DateTime.fromISO(formattedRange.start, { zone: "UTC" }).toJSDate();
+			const endDate_0 = DateTime.fromISO(formattedRange.end, { zone: "UTC" }).toJSDate();
+			const startZonedDateTime = DateTimeUtils.fromLocalToZonedDateTime(startDate_0, "UTC");
+			const endZonedDateTime = DateTimeUtils.fromLocalToZonedDateTime(endDate_0, "UTC");
+			return {
+				start: toCalendarDate(startZonedDateTime),
+				end: toCalendarDate(endZonedDateTime)
+			};
 		};
-	};
-	const parseDateRange = (formattedRange) => {
-		if (!formattedRange?.start || !formattedRange?.end) return formattedRange;
-		if (fullIso) return {
-			start: DateTimeUtils.fromUTCISOToCalendarDate(formattedRange.start),
-			end: DateTimeUtils.fromUTCISOToCalendarDate(formattedRange.end)
+		$[2] = fullIso;
+		$[3] = t3;
+	} else t3 = $[3];
+	const parseDateRange = t3;
+	let t4;
+	if ($[4] !== fullIso) {
+		t4 = (formattedDate) => {
+			if (formattedDate == null) return formattedDate;
+			if (fullIso) return DateTimeUtils.fromUTCISOToCalendarDate(formattedDate);
+			const date = DateTime.fromISO(formattedDate, { zone: "UTC" }).toJSDate();
+			return toCalendarDate(DateTimeUtils.fromLocalToZonedDateTime(date, "UTC"));
 		};
-		const startDate_0 = DateTime.fromISO(formattedRange.start, { zone: "UTC" }).toJSDate();
-		const endDate_0 = DateTime.fromISO(formattedRange.end, { zone: "UTC" }).toJSDate();
-		const startZonedDateTime = DateTimeUtils.fromLocalToZonedDateTime(startDate_0, "UTC");
-		const endZonedDateTime = DateTimeUtils.fromLocalToZonedDateTime(endDate_0, "UTC");
-		return {
-			start: toCalendarDate(startZonedDateTime),
-			end: toCalendarDate(endZonedDateTime)
+		$[4] = fullIso;
+		$[5] = t4;
+	} else t4 = $[5];
+	const parseCalendarDate = t4;
+	let t5;
+	if ($[6] !== minValue || $[7] !== parseCalendarDate) {
+		t5 = typeof minValue === "string" ? parseCalendarDate(minValue) : minValue;
+		$[6] = minValue;
+		$[7] = parseCalendarDate;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] !== maxValue || $[10] !== parseCalendarDate) {
+		t6 = typeof maxValue === "string" ? parseCalendarDate(maxValue) : maxValue;
+		$[9] = maxValue;
+		$[10] = parseCalendarDate;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== t5 || $[13] !== t6) {
+		t7 = {
+			minValue: t5,
+			maxValue: t6
 		};
-	};
-	const parseCalendarDate = (formattedDate) => {
-		if (formattedDate == null) return formattedDate;
-		if (fullIso) return DateTimeUtils.fromUTCISOToCalendarDate(formattedDate);
-		const date = DateTime.fromISO(formattedDate, { zone: "UTC" }).toJSDate();
-		return toCalendarDate(DateTimeUtils.fromLocalToZonedDateTime(date, "UTC"));
-	};
-	const dateLimits = {
-		minValue: typeof minValue === "string" ? parseCalendarDate(minValue) : minValue,
-		maxValue: typeof maxValue === "string" ? parseCalendarDate(maxValue) : maxValue
-	};
+		$[12] = t5;
+		$[13] = t6;
+		$[14] = t7;
+	} else t7 = $[14];
+	const dateLimits = t7;
 	if (!renderInput) {
 		const startDateValue = parseCalendarDate(rawValue?.start ?? null);
 		const endDateValue = parseCalendarDate(rawValue?.end ?? null);
@@ -676,31 +710,141 @@ var DateRangePicker = ({ fullIso = true, minValue, maxValue, renderStaticInput,
 			children: staticSegments
 		});
 	}
-	if ("formControl" in props && props.formControl) {
-		const { formControl, ref, ...innerProps } = props;
-		return /* @__PURE__ */ jsx(Controller, {
-			control: formControl.control,
-			name: formControl.name,
-			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(DateRangePickerBase, {
-				...innerProps,
-				...dateLimits,
-				ref: mergeRefs(ref, field.ref, inputRef),
-				value: parseDateRange(field.value),
-				onChange: (value) => field.onChange(formatDateRange(value)),
-				onBlur: field.onBlur,
-				isDirty,
-				isDisabled: field.disabled || props.isDisabled,
-				error: props.error ?? error?.message
-			})
+	const T0 = DateRangePickerBase;
+	const t8 = mergeRefs(props.ref, inputRef);
+	const t9 = parseDateRange(props.value);
+	let t10;
+	if ($[15] !== formatDateRange || $[16] !== props) {
+		t10 = (value) => props.onChange?.(formatDateRange(value));
+		$[15] = formatDateRange;
+		$[16] = props;
+		$[17] = t10;
+	} else t10 = $[17];
+	let t11;
+	if ($[18] !== T0 || $[19] !== dateLimits || $[20] !== props || $[21] !== t10 || $[22] !== t8 || $[23] !== t9) {
+		t11 = /* @__PURE__ */ jsx(T0, {
+			...props,
+			...dateLimits,
+			ref: t8,
+			value: t9,
+			onChange: t10
 		});
+		$[18] = T0;
+		$[19] = dateLimits;
+		$[20] = props;
+		$[21] = t10;
+		$[22] = t8;
+		$[23] = t9;
+		$[24] = t11;
+	} else t11 = $[24];
+	return t11;
+};
+var DateRangePicker = (t0) => {
+	const $ = c(30);
+	let maxValue;
+	let minValue;
+	let props;
+	let renderStaticInput;
+	let t1;
+	if ($[0] !== t0) {
+		({fullIso: t1, minValue, maxValue, renderStaticInput, ...props} = t0);
+		$[0] = t0;
+		$[1] = maxValue;
+		$[2] = minValue;
+		$[3] = props;
+		$[4] = renderStaticInput;
+		$[5] = t1;
+	} else {
+		maxValue = $[1];
+		minValue = $[2];
+		props = $[3];
+		renderStaticInput = $[4];
+		t1 = $[5];
 	}
-	return /* @__PURE__ */ jsx(DateRangePickerBase, {
-		...props,
-		...dateLimits,
-		ref: mergeRefs(props.ref, inputRef),
-		value: parseDateRange(props.value),
-		onChange: (value_0) => props.onChange?.(formatDateRange(value_0))
-	});
+	const fullIso = t1 === void 0 ? true : t1;
+	if ("formControl" in props && props.formControl) {
+		let formControl;
+		let innerProps;
+		let ref;
+		if ($[6] !== props) {
+			({formControl, ref, ...innerProps} = props);
+			$[6] = props;
+			$[7] = formControl;
+			$[8] = innerProps;
+			$[9] = ref;
+		} else {
+			formControl = $[7];
+			innerProps = $[8];
+			ref = $[9];
+		}
+		const controlWithOptions = formControl.control;
+		let t2;
+		if ($[10] !== controlWithOptions._options?.disabled || $[11] !== fullIso || $[12] !== innerProps || $[13] !== maxValue || $[14] !== minValue || $[15] !== props.error || $[16] !== props.isDisabled || $[17] !== ref || $[18] !== renderStaticInput) {
+			t2 = (t3) => {
+				const { field, fieldState: t4 } = t3;
+				const { error, isDirty } = t4;
+				return /* @__PURE__ */ jsx(DateRangePickerInner, {
+					...innerProps,
+					ref: mergeRefs(ref, field.ref),
+					value: field.value,
+					onChange: field.onChange,
+					onBlur: field.onBlur,
+					isDirty,
+					isDisabled: field.disabled || props.isDisabled,
+					isFormControlDisabled: !!controlWithOptions._options?.disabled,
+					error: props.error ?? error?.message,
+					fullIso,
+					minValue,
+					maxValue,
+					renderStaticInput
+				});
+			};
+			$[10] = controlWithOptions._options?.disabled;
+			$[11] = fullIso;
+			$[12] = innerProps;
+			$[13] = maxValue;
+			$[14] = minValue;
+			$[15] = props.error;
+			$[16] = props.isDisabled;
+			$[17] = ref;
+			$[18] = renderStaticInput;
+			$[19] = t2;
+		} else t2 = $[19];
+		let t3;
+		if ($[20] !== formControl.control || $[21] !== formControl.name || $[22] !== t2) {
+			t3 = /* @__PURE__ */ jsx(Controller, {
+				control: formControl.control,
+				name: formControl.name,
+				render: t2
+			});
+			$[20] = formControl.control;
+			$[21] = formControl.name;
+			$[22] = t2;
+			$[23] = t3;
+		} else t3 = $[23];
+		return t3;
+	}
+	let t2;
+	if ($[24] !== fullIso || $[25] !== maxValue || $[26] !== minValue || $[27] !== props || $[28] !== renderStaticInput) {
+		t2 = /* @__PURE__ */ jsx(DateRangePickerInner, {
+			...props,
+			fullIso,
+			minValue,
+			maxValue,
+			renderStaticInput
+		});
+		$[24] = fullIso;
+		$[25] = maxValue;
+		$[26] = minValue;
+		$[27] = props;
+		$[28] = renderStaticInput;
+		$[29] = t2;
+	} else t2 = $[29];
+	return t2;
 };
+function _temp(input) {
+	const container = input.getContainer?.() ?? input;
+	return container instanceof HTMLElement ? container.querySelector("input, button, [tabindex]:not([tabindex='-1'])") : null;
+}
 //#endregion
 export { DateRangePicker };

package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.d.ts

@@ -35,5 +35,5 @@ export interface DateTimePickerProps extends Omit<DateTimePickerBaseProps, "valu
     timeZone?: string;
 }
 export type ControlledDateTimePickerProps<TFieldValues extends FieldValues> = ControlProps<DateTimePickerProps, TFieldValues>;
-export declare const DateTimePicker: <TFieldValues extends FieldValues>({ fullIso: _fullIso, renderStaticInput, ...props }: ControlledDateTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export declare const DateTimePicker: <TFieldValues extends FieldValues>({ fullIso, renderStaticInput, ...props }: ControlledDateTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};