@povio/ui 3.2.4-rc.4 → 3.3.0-rc.1

package/dist/components/buttons/Button/button.cva.d.ts

@@ -92,7 +92,7 @@ export declare const buttonIconSizeDefinition: {
 export type ButtonIconSizeConfig = NonNullable<typeof buttonIconSizeDefinition.config>;
 export declare const buttonTypography: (props: {
     readonly width?: "fill" | "hug" | null | undefined;
-    readonly size?: "none" | "xs" | "s" | "m" | "l" | null | undefined;
+    readonly size?: "none" | "s" | "xs" | "m" | "l" | null | undefined;
     readonly color?: "error" | "primary" | "dual" | "secondary" | "success" | "warning" | null | undefined;
     readonly variant?: "text" | "contained" | "outlined" | "subtle" | "ghost" | null | undefined;
     readonly inverted?: boolean | null | undefined;

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

@@ -25,7 +25,6 @@ interface DateRangePickerBaseProps extends FormFieldProps, InputVariantProps, Om
     inputClassName?: string;
     onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
     fireBlurOnChange?: boolean;
-    allowPartialRange?: boolean;
 }
 export interface DateRangePickerProps extends Omit<DateRangePickerBaseProps, "value" | "onChange" | "minValue" | "maxValue"> {
     value?: {

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

@@ -31,7 +31,7 @@ import { useDateRangePickerState, useRangeCalendarState } from "react-stately";
 var DateRangePickerBase = (props) => {
 	const ui = UIConfig.useConfig();
 	const { t } = useTranslation();
-	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, className, hideSidebar, placeholder, inputClassName, hideLabel: hideLabelProp, variant: variantProp, as: asProp, size: sizeProp, isClearable: isClearableProp, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, autoFixYear: autoFixYearProp, fireBlurOnChange: fireBlurOnChangeProp, allowPartialRange: allowPartialRangeProp, minValue, maxValue, ...rest } = props;
+	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, className, hideSidebar, placeholder, inputClassName, hideLabel: hideLabelProp, variant: variantProp, as: asProp, size: sizeProp, isClearable: isClearableProp, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, autoFixYear: autoFixYearProp, fireBlurOnChange: fireBlurOnChangeProp, minValue, maxValue, ...rest } = props;
 	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
 	const variant = variantProp ?? ui.input.variant;
 	const as = asProp ?? ui.input.as;
@@ -45,7 +45,6 @@ var DateRangePickerBase = (props) => {
 	const disableManualEntry = disableManualEntryProp ?? ui.dateInput.disableManualEntry;
 	const autoFixYear = autoFixYearProp ?? ui.dateInput.autoFixYear;
 	const fireBlurOnChange = fireBlurOnChangeProp ?? ui.dateInput.fireBlurOnChange;
-	const allowPartialRange = allowPartialRangeProp ?? ui.dateInput.allowPartialRange;
 	const timeZone = ui.dateInput.timeZone;
 	let effectiveTimeZone = getLocalTimeZone();
 	if (timeZone !== "clientLocal") effectiveTimeZone = timeZone;
@@ -55,8 +54,6 @@ var DateRangePickerBase = (props) => {
 		return datePickerInputRef.current?.getContainer?.() || null;
 	} }), []);
 	const normalizedValue = value ?? null;
-	const fieldRangeRef = useRef(normalizedValue);
-	fieldRangeRef.current = normalizedValue;
 	const dialogState = useDateRangePickerState({
 		...rest,
 		value: normalizedValue,
@@ -72,8 +69,6 @@ var DateRangePickerBase = (props) => {
 		minValue,
 		maxValue,
 		onChange: (newValue) => {
-			if (allowPartialRange && newValue === null) return;
-			fieldRangeRef.current = newValue;
 			const isInvalidRange = isValidRange(newValue);
 			onChange?.(newValue);
 			if (isInvalidRange) return;
@@ -96,18 +91,6 @@ var DateRangePickerBase = (props) => {
 		minValue,
 		maxValue
 	}, dialogState, dateRangePickerRef);
-	const emitPartialRangeChange = (part, date) => {
-		if (!allowPartialRange) return;
-		const partialRange = {
-			start: part === "start" ? date : fieldRangeRef.current?.start ?? null,
-			end: part === "end" ? date : fieldRangeRef.current?.end ?? null
-		};
-		fieldRangeRef.current = partialRange;
-		if (partialRange.start && partialRange.end) return;
-		const newValue_0 = partialRange.start || partialRange.end ? partialRange : null;
-		onChange?.(newValue_0);
-		if (fireBlurOnChange) debouncedBlur(newValue_0);
-	};
 	const { locale } = useLocale$1();
 	useImperativeHandle(ref, () => ({
 		clear: () => {
@@ -115,8 +98,8 @@ var DateRangePickerBase = (props) => {
 		},
 		getContainer: () => datePickerInputRef.current?.getContainer?.() ?? null
 	}));
-	const handleBlur = (newValue_1) => {
-		onBlur?.({ target: { value: newValue_1 } });
+	const handleBlur = (newValue_0) => {
+		onBlur?.({ target: { value: newValue_0 } });
 	};
 	const { callback: debouncedBlur } = useDebounceCallback(handleBlur, { delay: 500 });
 	const formFieldProps = {
@@ -169,9 +152,9 @@ var DateRangePickerBase = (props) => {
 		className: headerClassName,
 		labelProps
 	};
-	const isDateOutsideBounds = useCallback((date_0) => {
-		if (minValue && date_0.compare(minValue) < 0) return true;
-		if (maxValue && date_0.compare(maxValue) > 0) return true;
+	const isDateOutsideBounds = useCallback((date) => {
+		if (minValue && date.compare(minValue) < 0) return true;
+		if (maxValue && date.compare(maxValue) > 0) return true;
 		return false;
 	}, [minValue, maxValue]);
 	const clampRangeToBounds = useCallback((range) => {
@@ -195,10 +178,10 @@ var DateRangePickerBase = (props) => {
 		if (maxValue && range_0.end.compare(maxValue) > 0) return false;
 		return true;
 	}, [minValue, maxValue]);
-	const isValidRange = useCallback((newValue_2) => {
-		if (newValue_2?.start && newValue_2?.end) {
-			const startDate_0 = newValue_2.start;
-			if (newValue_2.end.compare(startDate_0) < 0) {
+	const isValidRange = useCallback((newValue_1) => {
+		if (newValue_1?.start && newValue_1?.end) {
+			const startDate_0 = newValue_1.start;
+			if (newValue_1.end.compare(startDate_0) < 0) {
 				setValidationRangeError(t(($) => $.ui.datePicker.errors.endDateBeforeStart, { ns: "ui" }));
 				return true;
 			}
@@ -206,9 +189,9 @@ var DateRangePickerBase = (props) => {
 		} else setValidationRangeError(void 0);
 		return false;
 	}, [t]);
-	const handleCalendarStatesChange = (newValue_3) => {
-		if (newValue_3) {
-			const clampedValue = clampRangeToBounds(newValue_3);
+	const handleCalendarStatesChange = (newValue_2) => {
+		if (newValue_2) {
+			const clampedValue = clampRangeToBounds(newValue_2);
 			if (!clampedValue) return;
 			if (isValidRange(clampedValue)) return;
 			dialogState.setValue(clampedValue);
@@ -240,33 +223,33 @@ var DateRangePickerBase = (props) => {
 			setActivePreset(null);
 		}
 	};
-	const throttledSetHoverDate = useCallback((date_1) => {
+	const throttledSetHoverDate = useCallback((date_0) => {
 		requestAnimationFrame(() => {
-			setHoverDate(date_1);
+			setHoverDate(date_0);
 		});
 	}, []);
-	const handleDateHover = useCallback((date_2) => {
-		if (rangeSelection.isSelecting && rangeSelection.start) throttledSetHoverDate(date_2);
+	const handleDateHover = useCallback((date_1) => {
+		if (rangeSelection.isSelecting && rangeSelection.start) throttledSetHoverDate(date_1);
 	}, [
 		rangeSelection.isSelecting,
 		rangeSelection.start,
 		throttledSetHoverDate
 	]);
-	const handleDateSelection = useCallback((date_3, calendarSide) => {
+	const handleDateSelection = useCallback((date_2, calendarSide) => {
 		if (calendarSide) {
 			const currentVisibleMonth = (calendarSide === "left" ? leftCalendarState : rightCalendarState).visibleRange.start;
-			if (date_3.month !== currentVisibleMonth.month || date_3.year !== currentVisibleMonth.year) if (calendarSide === "left") {
-				leftCalendarState.setFocusedDate(date_3);
-				rightCalendarState.setFocusedDate(date_3.add({ months: 1 }));
+			if (date_2.month !== currentVisibleMonth.month || date_2.year !== currentVisibleMonth.year) if (calendarSide === "left") {
+				leftCalendarState.setFocusedDate(date_2);
+				rightCalendarState.setFocusedDate(date_2.add({ months: 1 }));
 			} else {
-				rightCalendarState.setFocusedDate(date_3);
-				leftCalendarState.setFocusedDate(date_3.subtract({ months: 1 }));
+				rightCalendarState.setFocusedDate(date_2);
+				leftCalendarState.setFocusedDate(date_2.subtract({ months: 1 }));
 			}
 		}
-		if (isDateOutsideBounds(date_3)) return;
+		if (isDateOutsideBounds(date_2)) return;
 		if (!rangeSelection.isSelecting || !rangeSelection.start) {
 			setRangeSelection({
-				start: date_3,
+				start: date_2,
 				end: null,
 				isSelecting: true
 			});
@@ -275,7 +258,7 @@ var DateRangePickerBase = (props) => {
 			rightCalendarState.setValue(null);
 		} else {
 			const { start } = rangeSelection;
-			const end = date_3;
+			const end = date_2;
 			const clampedRange = clampRangeToBounds({
 				start: start.compare(end) <= 0 ? start : end,
 				end: start.compare(end) <= 0 ? end : start
@@ -300,13 +283,13 @@ var DateRangePickerBase = (props) => {
 		isDateOutsideBounds,
 		clampRangeToBounds
 	]);
-	const handleKeyboardNavigation = useCallback((event, date_4, calendarSide_0) => {
+	const handleKeyboardNavigation = useCallback((event, date_3, calendarSide_0) => {
 		const currentState_0 = calendarSide_0 === "left" ? leftCalendarState : rightCalendarState;
 		const otherState = calendarSide_0 === "left" ? rightCalendarState : leftCalendarState;
 		let shouldPreventDefault = false;
 		switch (event.key) {
 			case "ArrowRight": {
-				const nextDate = date_4.add({ days: 1 });
+				const nextDate = date_3.add({ days: 1 });
 				const currentMonth_2 = currentState_0.visibleRange.start;
 				const otherMonth_2 = otherState.visibleRange.start;
 				if (calendarSide_0 === "left" && nextDate.month !== currentMonth_2.month) if (nextDate.year === otherMonth_2.year && nextDate.month === otherMonth_2.month) {
@@ -319,7 +302,7 @@ var DateRangePickerBase = (props) => {
 				break;
 			}
 			case "ArrowLeft": {
-				const prevDate = date_4.subtract({ days: 1 });
+				const prevDate = date_3.subtract({ days: 1 });
 				const currentMonth_1 = currentState_0.visibleRange.start;
 				const otherMonth_1 = otherState.visibleRange.start;
 				if (calendarSide_0 === "right" && prevDate.month !== currentMonth_1.month) if (prevDate.year === otherMonth_1.year && prevDate.month === otherMonth_1.month) {
@@ -332,7 +315,7 @@ var DateRangePickerBase = (props) => {
 				break;
 			}
 			case "ArrowDown": {
-				const nextWeekDate = date_4.add({ weeks: 1 });
+				const nextWeekDate = date_3.add({ weeks: 1 });
 				const currentMonth_0 = currentState_0.visibleRange.start;
 				const otherMonth_0 = otherState.visibleRange.start;
 				if (calendarSide_0 === "left" && nextWeekDate.month !== currentMonth_0.month) if (nextWeekDate.year === otherMonth_0.year && nextWeekDate.month === otherMonth_0.month) {
@@ -345,7 +328,7 @@ var DateRangePickerBase = (props) => {
 				break;
 			}
 			case "ArrowUp": {
-				const prevWeekDate = date_4.subtract({ weeks: 1 });
+				const prevWeekDate = date_3.subtract({ weeks: 1 });
 				const currentMonth = currentState_0.visibleRange.start;
 				const otherMonth = otherState.visibleRange.start;
 				if (calendarSide_0 === "right" && prevWeekDate.month !== currentMonth.month) if (prevWeekDate.year === otherMonth.year && prevWeekDate.month === otherMonth.month) {
@@ -359,7 +342,7 @@ var DateRangePickerBase = (props) => {
 			}
 			case "Enter":
 			case " ":
-				handleDateSelection(date_4);
+				handleDateSelection(date_3);
 				shouldPreventDefault = true;
 				break;
 			case "Escape":
@@ -383,8 +366,8 @@ var DateRangePickerBase = (props) => {
 		rightCalendarState,
 		handleDateSelection
 	]);
-	const syncCalendarStates = useCallback((newValue_4) => {
-		if (newValue_4 === null) {
+	const syncCalendarStates = useCallback((newValue_3) => {
+		if (newValue_3 === null) {
 			setValidationRangeError(void 0);
 			leftCalendarState.setValue(null);
 			rightCalendarState.setValue(null);
@@ -397,7 +380,7 @@ var DateRangePickerBase = (props) => {
 			setHoverDate(null);
 			return;
 		}
-		const clampedValue_0 = clampRangeToBounds(newValue_4);
+		const clampedValue_0 = clampRangeToBounds(newValue_3);
 		if (!clampedValue_0) return;
 		if (isValidRange(clampedValue_0)) return;
 		leftCalendarState.setValue(clampedValue_0);
@@ -447,7 +430,6 @@ var DateRangePickerBase = (props) => {
 		syncCalendarStates(clampedTodayRange);
 	};
 	const onInputClear = () => {
-		fieldRangeRef.current = null;
 		onChange?.(null);
 		dialogState.setValue(null);
 		leftCalendarState.setValue(null);
@@ -618,10 +600,6 @@ var DateRangePickerBase = (props) => {
 				groupProps,
 				fieldProps: {
 					...startFieldProps,
-					onChange: (date_5) => {
-						startFieldProps.onChange?.(date_5);
-						emitPartialRangeChange("start", date_5);
-					},
 					onBlur: (event_0) => {
 						startFieldProps.onBlur?.(event_0);
 						handleBlur(state.value);
@@ -629,10 +607,6 @@ var DateRangePickerBase = (props) => {
 				},
 				endFieldProps: {
 					...endFieldProps,
-					onChange: (date_6) => {
-						endFieldProps.onChange?.(date_6);
-						emitPartialRangeChange("end", date_6);
-					},
 					onBlur: (event_1) => {
 						endFieldProps.onBlur?.(event_1);
 						handleBlur(state.value);
@@ -714,14 +688,13 @@ var DateRangePickerBase = (props) => {
 	});
 };
 var DateRangePickerInner = (t0) => {
-	const $ = c(21);
+	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 = UIOverrides.useCva("datePickerInput.contentRowCva", datePickerInputContentRowDefinition);
 	const { locale } = useLocale$1();
 	const shouldForceLeadingZeros = props.shouldForceLeadingZeros ?? ui.dateInput.shouldForceLeadingZeros;
-	const allowPartialRange = props.allowPartialRange ?? ui.dateInput.allowPartialRange;
 	const [renderInput, setRenderInput] = useState(!(renderStaticInput ?? ui.renderStaticInput));
 	const inputRef = useRef(null);
 	const { renderRealInput, replayStaticInputPress } = useStaticInputHandoff({
@@ -732,71 +705,83 @@ var DateRangePickerInner = (t0) => {
 		getPressTarget: _temp2
 	});
 	const normalizedValue = props.value ?? null;
-	const formatDateRange = (range) => {
-		if (!range || !range.start && !range.end || !allowPartialRange && (!range.start || !range.end)) return null;
-		if (fullIso) return {
-			start: range.start ? DateTimeUtils.fromCalendarDateToUTCISO(range.start) : null,
-			end: range.end ? DateTimeUtils.fromCalendarDateToUTCISO(range.end, { endOfDay: true }) : null
-		};
-		const startDate = range.start ? DateTimeUtils.fromDateValueToLocal(range.start, "UTC") : null;
-		const endDate = range.end ? DateTimeUtils.fromDateValueToLocal(range.end, "UTC") : null;
-		return {
-			start: startDate ? DateTime.fromJSDate(startDate, { zone: "UTC" }).toISODate() : null,
-			end: endDate ? DateTime.fromJSDate(endDate, { zone: "UTC" }).toISODate() : null
-		};
-	};
-	const parseDateRange = (formattedRange) => {
-		if (!formattedRange || !formattedRange.start && !formattedRange.end || !allowPartialRange && (!formattedRange.start || !formattedRange.end)) return null;
-		if (fullIso) return {
-			start: formattedRange.start ? DateTimeUtils.fromUTCISOToCalendarDate(formattedRange.start) : null,
-			end: formattedRange.end ? DateTimeUtils.fromUTCISOToCalendarDate(formattedRange.end) : null
-		};
-		const startDate_0 = formattedRange.start ? DateTime.fromISO(formattedRange.start, { zone: "UTC" }).toJSDate() : null;
-		const endDate_0 = formattedRange.end ? DateTime.fromISO(formattedRange.end, { zone: "UTC" }).toJSDate() : null;
-		const startZonedDateTime = startDate_0 ? DateTimeUtils.fromLocalToZonedDateTime(startDate_0, "UTC") : null;
-		const endZonedDateTime = endDate_0 ? DateTimeUtils.fromLocalToZonedDateTime(endDate_0, "UTC") : null;
-		return {
-			start: startZonedDateTime ? toCalendarDate(startZonedDateTime) : null,
-			end: endZonedDateTime ? toCalendarDate(endZonedDateTime) : null
-		};
-	};
 	let t2;
 	if ($[0] !== fullIso) {
-		t2 = (formattedDate) => {
-			if (formattedDate == null) return null;
-			if (fullIso) return DateTimeUtils.fromUTCISOToCalendarDate(formattedDate);
-			const date = DateTime.fromISO(formattedDate, { zone: "UTC" }).toJSDate();
-			return toCalendarDate(DateTimeUtils.fromLocalToZonedDateTime(date, "UTC"));
+		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()
+			};
 		};
 		$[0] = fullIso;
 		$[1] = t2;
 	} else t2 = $[1];
-	const parseCalendarDate = t2;
+	const formatDateRange = t2;
 	let t3;
-	if ($[2] !== minValue || $[3] !== parseCalendarDate) {
-		t3 = typeof minValue === "string" ? parseCalendarDate(minValue) : minValue;
-		$[2] = minValue;
-		$[3] = parseCalendarDate;
-		$[4] = t3;
-	} else t3 = $[4];
+	if ($[2] !== fullIso) {
+		t3 = (formattedRange) => {
+			if (!formattedRange?.start || !formattedRange?.end) return null;
+			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)
+			};
+		};
+		$[2] = fullIso;
+		$[3] = t3;
+	} else t3 = $[3];
+	const parseDateRange = t3;
 	let t4;
-	if ($[5] !== maxValue || $[6] !== parseCalendarDate) {
-		t4 = typeof maxValue === "string" ? parseCalendarDate(maxValue) : maxValue;
-		$[5] = maxValue;
-		$[6] = parseCalendarDate;
-		$[7] = t4;
-	} else t4 = $[7];
+	if ($[4] !== fullIso) {
+		t4 = (formattedDate) => {
+			if (formattedDate == null) return null;
+			if (fullIso) return DateTimeUtils.fromUTCISOToCalendarDate(formattedDate);
+			const date = DateTime.fromISO(formattedDate, { zone: "UTC" }).toJSDate();
+			return toCalendarDate(DateTimeUtils.fromLocalToZonedDateTime(date, "UTC"));
+		};
+		$[4] = fullIso;
+		$[5] = t4;
+	} else t4 = $[5];
+	const parseCalendarDate = t4;
 	let t5;
-	if ($[8] !== t3 || $[9] !== t4) {
-		t5 = {
-			minValue: t3,
-			maxValue: t4
+	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
 		};
-		$[8] = t3;
-		$[9] = t4;
-		$[10] = t5;
-	} else t5 = $[10];
-	const dateLimits = t5;
+		$[12] = t5;
+		$[13] = t6;
+		$[14] = t7;
+	} else t7 = $[14];
+	const dateLimits = t7;
 	if (!renderInput) {
 		const startDateValue = parseCalendarDate(normalizedValue?.start ?? null);
 		const endDateValue = parseCalendarDate(normalizedValue?.end ?? null);
@@ -863,33 +848,33 @@ var DateRangePickerInner = (t0) => {
 		});
 	}
 	const T0 = DateRangePickerBase;
-	const t6 = mergeRefs(props.ref, inputRef);
-	const t7 = parseDateRange(normalizedValue);
-	let t8;
-	if ($[11] !== formatDateRange || $[12] !== props) {
-		t8 = (value) => props.onChange?.(formatDateRange(value));
-		$[11] = formatDateRange;
-		$[12] = props;
-		$[13] = t8;
-	} else t8 = $[13];
-	let t9;
-	if ($[14] !== T0 || $[15] !== dateLimits || $[16] !== props || $[17] !== t6 || $[18] !== t7 || $[19] !== t8) {
-		t9 = /* @__PURE__ */ jsx(T0, {
+	const t8 = mergeRefs(props.ref, inputRef);
+	const t9 = parseDateRange(normalizedValue);
+	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: t6,
-			value: t7,
-			onChange: t8
+			ref: t8,
+			value: t9,
+			onChange: t10
 		});
-		$[14] = T0;
-		$[15] = dateLimits;
-		$[16] = props;
-		$[17] = t6;
-		$[18] = t7;
-		$[19] = t8;
-		$[20] = t9;
-	} else t9 = $[20];
-	return t9;
+		$[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);

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

@@ -162,6 +162,20 @@ var DateTimePickerBase = (props) => {
 		calendarState.setFocusedDate(state.value || today(effectiveTimeZone));
 		if (!isOpen) dialogState.setValue(state.value);
 	};
+	const onInputBlur = (e) => {
+		if (!isTimeOptional) return;
+		if (state.value) {
+			dialogState.setValue(state.value);
+			return;
+		}
+		const textValue = e?.currentTarget?.textContent ?? null;
+		const dateTimeValue = DateTimeUtils.formatTextDateToCalendarDateTime(textValue, effectiveTimeZone, locale);
+		if (dateTimeValue) {
+			state.setValue(dateTimeValue);
+			dialogState.setValue(dateTimeValue);
+			dialogState.setTimeValue(new Time(0, 0));
+		}
+	};
 	return /* @__PURE__ */ jsx(TooltipWrapper, {
 		as,
 		error,
@@ -178,9 +192,10 @@ var DateTimePickerBase = (props) => {
 				groupProps,
 				fieldProps: {
 					...fieldProps,
-					onBlur: (e) => {
-						fieldProps.onBlur?.(e);
+					onBlur: (e_0) => {
+						fieldProps.onBlur?.(e_0);
 						handleBlur(state.value);
+						onInputBlur(e_0);
 					}
 				},
 				fieldValue: normalizedValue,