@povio/ui 2.3.0-rc.18 → 2.3.0-rc.19

package/dist/components/inputs/DateTime/shared/CalendarGrid.d.ts

@@ -5,6 +5,7 @@ import { DateValue } from 'react-aria';
 interface CalendarGridProps extends AriaCalendarGridProps {
     state: CalendarState | RangeCalendarState;
     onApply?: (selectedDate?: DateValue) => void;
+    onDoubleClickApply?: (selectedDate?: DateValue) => void;
     offset?: {
         months?: number;
     };
@@ -21,5 +22,5 @@ interface CalendarGridProps extends AriaCalendarGridProps {
     onKeyboardNavigation?: (event: KeyboardEvent, date: DateValue) => boolean;
     calendarSide?: "left" | "right";
 }
-export declare const CalendarGrid: ({ state, onApply, shouldCloseOnSelect, offset, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, className, calendarSide, ...props }: CalendarGridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CalendarGrid: ({ state, onApply, onDoubleClickApply, shouldCloseOnSelect, offset, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, className, calendarSide, ...props }: CalendarGridProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/inputs/DateTime/shared/CalendarGrid.js

@@ -14,13 +14,14 @@ var WEEK_INDICES = [
 	5
 ];
 var CalendarGrid = (t0) => {
-	const $ = c(36);
+	const $ = c(37);
 	let calendarSide;
 	let className;
 	let hoverDate;
 	let onApply;
 	let onDateHover;
 	let onDateSelection;
+	let onDoubleClickApply;
 	let onKeyboardNavigation;
 	let props;
 	let rangeSelection;
@@ -28,7 +29,7 @@ var CalendarGrid = (t0) => {
 	let state;
 	let t1;
 	if ($[0] !== t0) {
-		({state, onApply, shouldCloseOnSelect, offset: t1, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, className, calendarSide, ...props} = t0);
+		({state, onApply, onDoubleClickApply, shouldCloseOnSelect, offset: t1, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, className, calendarSide, ...props} = t0);
 		$[0] = t0;
 		$[1] = calendarSide;
 		$[2] = className;
@@ -36,12 +37,13 @@ var CalendarGrid = (t0) => {
 		$[4] = onApply;
 		$[5] = onDateHover;
 		$[6] = onDateSelection;
-		$[7] = onKeyboardNavigation;
-		$[8] = props;
-		$[9] = rangeSelection;
-		$[10] = shouldCloseOnSelect;
-		$[11] = state;
-		$[12] = t1;
+		$[7] = onDoubleClickApply;
+		$[8] = onKeyboardNavigation;
+		$[9] = props;
+		$[10] = rangeSelection;
+		$[11] = shouldCloseOnSelect;
+		$[12] = state;
+		$[13] = t1;
 	} else {
 		calendarSide = $[1];
 		className = $[2];
@@ -49,69 +51,71 @@ var CalendarGrid = (t0) => {
 		onApply = $[4];
 		onDateHover = $[5];
 		onDateSelection = $[6];
-		onKeyboardNavigation = $[7];
-		props = $[8];
-		rangeSelection = $[9];
-		shouldCloseOnSelect = $[10];
-		state = $[11];
-		t1 = $[12];
+		onDoubleClickApply = $[7];
+		onKeyboardNavigation = $[8];
+		props = $[9];
+		rangeSelection = $[10];
+		shouldCloseOnSelect = $[11];
+		state = $[12];
+		t1 = $[13];
 	}
 	const offset = t1 === void 0 ? {} : t1;
 	let t2;
-	if ($[13] !== props) {
+	if ($[14] !== props) {
 		t2 = {
 			...props,
 			weekdayStyle: "short"
 		};
-		$[13] = props;
-		$[14] = t2;
-	} else t2 = $[14];
+		$[14] = props;
+		$[15] = t2;
+	} else t2 = $[15];
 	const { gridProps, headerProps, weekDays } = useCalendarGrid(t2, state);
 	const startDate = state.visibleRange.start.add(offset);
 	let t3;
-	if ($[15] !== calendarSide || $[16] !== onDateSelection) {
+	if ($[16] !== calendarSide || $[17] !== onDateSelection) {
 		t3 = (date) => {
 			onDateSelection?.(date, calendarSide);
 		};
-		$[15] = calendarSide;
-		$[16] = onDateSelection;
-		$[17] = t3;
-	} else t3 = $[17];
+		$[16] = calendarSide;
+		$[17] = onDateSelection;
+		$[18] = t3;
+	} else t3 = $[18];
 	const handleDateSelection = t3;
 	let t4;
-	if ($[18] !== className) {
+	if ($[19] !== className) {
 		t4 = clsx("h-72 w-full px-3 py-1 md:w-80", className);
-		$[18] = className;
-		$[19] = t4;
-	} else t4 = $[19];
+		$[19] = className;
+		$[20] = t4;
+	} else t4 = $[20];
 	const t5 = "0";
 	const t6 = "w-full";
 	let t7;
-	if ($[20] !== weekDays) {
+	if ($[21] !== weekDays) {
 		t7 = weekDays.map(_temp);
-		$[20] = weekDays;
-		$[21] = t7;
-	} else t7 = $[21];
+		$[21] = weekDays;
+		$[22] = t7;
+	} else t7 = $[22];
 	let t8;
-	if ($[22] !== t7) {
+	if ($[23] !== t7) {
 		t8 = /* @__PURE__ */ jsx("tr", { children: t7 });
-		$[22] = t7;
-		$[23] = t8;
-	} else t8 = $[23];
+		$[23] = t7;
+		$[24] = t8;
+	} else t8 = $[24];
 	let t9;
-	if ($[24] !== headerProps || $[25] !== t8) {
+	if ($[25] !== headerProps || $[26] !== t8) {
 		t9 = /* @__PURE__ */ jsx("thead", {
 			...headerProps,
 			children: t8
 		});
-		$[24] = headerProps;
-		$[25] = t8;
-		$[26] = t9;
-	} else t9 = $[26];
+		$[25] = headerProps;
+		$[26] = t8;
+		$[27] = t9;
+	} else t9 = $[27];
 	const t10 = WEEK_INDICES.map((weekIndex) => /* @__PURE__ */ jsx("tr", { children: state.getDatesInWeek(weekIndex, startDate).map((date_0, i) => date_0 ? /* @__PURE__ */ jsx(CalendarCell, {
 		state,
 		date: date_0,
 		onApply,
+		onDoubleClickApply,
 		shouldCloseOnSelect,
 		onDateSelection: handleDateSelection,
 		onDateHover,
@@ -120,34 +124,34 @@ var CalendarGrid = (t0) => {
 		onKeyboardNavigation
 	}, i) : /* @__PURE__ */ jsx("td", {}, i)) }, weekIndex));
 	let t11;
-	if ($[27] !== t10) {
+	if ($[28] !== t10) {
 		t11 = /* @__PURE__ */ jsx("tbody", { children: t10 });
-		$[27] = t10;
-		$[28] = t11;
-	} else t11 = $[28];
+		$[28] = t10;
+		$[29] = t11;
+	} else t11 = $[29];
 	let t12;
-	if ($[29] !== gridProps || $[30] !== t11 || $[31] !== t9) {
+	if ($[30] !== gridProps || $[31] !== t11 || $[32] !== t9) {
 		t12 = /* @__PURE__ */ jsxs("table", {
 			...gridProps,
 			cellPadding: t5,
 			className: t6,
 			children: [t9, t11]
 		});
-		$[29] = gridProps;
-		$[30] = t11;
-		$[31] = t9;
-		$[32] = t12;
-	} else t12 = $[32];
+		$[30] = gridProps;
+		$[31] = t11;
+		$[32] = t9;
+		$[33] = t12;
+	} else t12 = $[33];
 	let t13;
-	if ($[33] !== t12 || $[34] !== t4) {
+	if ($[34] !== t12 || $[35] !== t4) {
 		t13 = /* @__PURE__ */ jsx("div", {
 			className: t4,
 			children: t12
 		});
-		$[33] = t12;
-		$[34] = t4;
-		$[35] = t13;
-	} else t13 = $[35];
+		$[34] = t12;
+		$[35] = t4;
+		$[36] = t13;
+	} else t13 = $[36];
 	return t13;
 };
 function _temp(day) {

package/dist/components/inputs/DateTime/shared/DatePickerInput.d.ts

@@ -33,6 +33,7 @@ interface DatePickerInputProps extends InputVariantProps {
     timeZone?: string;
     isTimeOptional?: boolean;
     format?: string;
+    fireBlurOnChange?: boolean;
 }
-export declare const DatePickerInput: ({ ref, as, groupProps, fieldProps, endFieldProps, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, isClearable, headerProps, todayIcon, todayIconButtonSize, todayIconPlacement, isDirty, isRequired, disableManualEntry, autoFixYear, placeholder, className, onOpenDropdown, dateGranularity, timeZone, isTimeOptional, format, ...props }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePickerInput: ({ ref, as, groupProps, fieldProps, endFieldProps, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, isClearable, headerProps, todayIcon, todayIconButtonSize, todayIconPlacement, isDirty, isRequired, disableManualEntry, autoFixYear, placeholder, className, onOpenDropdown, dateGranularity, timeZone, isTimeOptional, format, fireBlurOnChange, ...props }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/inputs/DateTime/shared/DatePickerInput.js

@@ -18,8 +18,8 @@ import { useFocusVisible, useFocusWithin, useHover } from "react-aria";
 import { today } from "@internationalized/date";
 //#region src/components/inputs/DateTime/shared/DatePickerInput.tsx
 var DatePickerInput = (t0) => {
-	const $ = c(96);
-	const { ref, as, groupProps, fieldProps, endFieldProps, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, isClearable, headerProps, todayIcon, todayIconButtonSize: t1, todayIconPlacement: t2, isDirty, isRequired, disableManualEntry, autoFixYear: t3, placeholder, className, onOpenDropdown, dateGranularity: t4, timeZone, isTimeOptional: t5, format, ...props } = t0;
+	const $ = c(99);
+	const { ref, as, groupProps, fieldProps, endFieldProps, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, isClearable, headerProps, todayIcon, todayIconButtonSize: t1, todayIconPlacement: t2, isDirty, isRequired, disableManualEntry, autoFixYear: t3, placeholder, className, onOpenDropdown, dateGranularity: t4, timeZone, isTimeOptional: t5, format, fireBlurOnChange, ...props } = t0;
 	const todayIconButtonSize = t1 === void 0 ? "none" : t1;
 	const todayIconPlacement = t2 === void 0 ? "content" : t2;
 	const autoFixYear = t3 === void 0 ? false : t3;
@@ -57,7 +57,7 @@ var DatePickerInput = (t0) => {
 	const endDateFieldRef = useRef(null);
 	const containerRef = useRef(null);
 	let t8;
-	if ($[4] !== endFieldProps || $[5] !== fieldProps) {
+	if ($[4] !== endFieldProps || $[5] !== fieldProps || $[6] !== fireBlurOnChange) {
 		t8 = () => ({
 			clear: () => {
 				dateFieldRef.current?.clearField();
@@ -65,42 +65,48 @@ var DatePickerInput = (t0) => {
 				endDateFieldRef.current?.clearField();
 				if (endFieldProps) endFieldProps.onChange?.(null);
 				setCanClear(false);
-				fieldProps.onBlur?.(null);
-				endFieldProps?.onBlur?.(null);
+				if (fireBlurOnChange) {
+					fieldProps.onBlur?.(null);
+					endFieldProps?.onBlur?.(null);
+				}
 			},
 			getContainer: () => containerRef.current
 		});
 		$[4] = endFieldProps;
 		$[5] = fieldProps;
-		$[6] = t8;
-	} else t8 = $[6];
+		$[6] = fireBlurOnChange;
+		$[7] = t8;
+	} else t8 = $[7];
 	useImperativeHandle(ref, t8);
 	let t9;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
 		t9 = (canClearInput) => {
 			setCanClear(canClearInput);
 		};
-		$[7] = t9;
-	} else t9 = $[7];
+		$[8] = t9;
+	} else t9 = $[8];
 	const onClearChange = t9;
 	let t10;
-	if ($[8] !== endFieldProps || $[9] !== fieldProps) {
+	if ($[9] !== endFieldProps || $[10] !== fieldProps || $[11] !== fireBlurOnChange) {
 		t10 = () => {
 			dateFieldRef.current?.clearField();
 			fieldProps.onChange?.(null);
 			endDateFieldRef.current?.clearField();
 			endFieldProps?.onChange?.(null);
 			setCanClear(false);
-			fieldProps.onBlur?.(null);
-			endFieldProps?.onBlur?.(null);
+			if (fireBlurOnChange) {
+				fieldProps.onBlur?.(null);
+				endFieldProps?.onBlur?.(null);
+			}
 		};
-		$[8] = endFieldProps;
-		$[9] = fieldProps;
-		$[10] = t10;
-	} else t10 = $[10];
+		$[9] = endFieldProps;
+		$[10] = fieldProps;
+		$[11] = fireBlurOnChange;
+		$[12] = t10;
+	} else t10 = $[12];
 	const onClear = t10;
 	let t11;
-	if ($[11] !== effectiveTimeZone || $[12] !== endFieldProps || $[13] !== fieldProps || $[14] !== isDateTime) {
+	if ($[13] !== effectiveTimeZone || $[14] !== endFieldProps || $[15] !== fieldProps || $[16] !== fireBlurOnChange || $[17] !== isDateTime) {
 		t11 = () => {
 			if (isDateTime) {
 				const calendarDateTime = DateTimeUtils.getCurrentWallClockCalendarDateTime();
@@ -110,26 +116,29 @@ var DatePickerInput = (t0) => {
 				fieldProps.onChange?.(today(effectiveTimeZone));
 				if (endFieldProps) endFieldProps.onChange?.(today(effectiveTimeZone));
 			}
-			fieldProps.onBlur?.(null);
-			endFieldProps?.onBlur?.(null);
+			if (fireBlurOnChange) {
+				fieldProps.onBlur?.(null);
+				endFieldProps?.onBlur?.(null);
+			}
 		};
-		$[11] = effectiveTimeZone;
-		$[12] = endFieldProps;
-		$[13] = fieldProps;
-		$[14] = isDateTime;
-		$[15] = t11;
-	} else t11 = $[15];
+		$[13] = effectiveTimeZone;
+		$[14] = endFieldProps;
+		$[15] = fieldProps;
+		$[16] = fireBlurOnChange;
+		$[17] = isDateTime;
+		$[18] = t11;
+	} else t11 = $[18];
 	const onToday = t11;
 	const hidePlaceholder = as === "floating" && !fieldProps.value && !isFocused;
 	let t12;
-	if ($[16] !== todayIcon) {
+	if ($[19] !== todayIcon) {
 		t12 = getDatePickerTodayIcon(todayIcon);
-		$[16] = todayIcon;
-		$[17] = t12;
-	} else t12 = $[17];
+		$[19] = todayIcon;
+		$[20] = t12;
+	} else t12 = $[20];
 	const todayIconComponent = t12;
 	let t13;
-	if ($[18] !== onToday || $[19] !== todayIconButtonSize || $[20] !== todayIconComponent) {
+	if ($[21] !== onToday || $[22] !== todayIconButtonSize || $[23] !== todayIconComponent) {
 		t13 = todayIconComponent ? /* @__PURE__ */ jsx(InlineIconButton, {
 			label: "",
 			icon: todayIconComponent,
@@ -137,11 +146,11 @@ var DatePickerInput = (t0) => {
 			onPress: onToday,
 			className: "relative z-1 !border-none"
 		}) : null;
-		$[18] = onToday;
-		$[19] = todayIconButtonSize;
-		$[20] = todayIconComponent;
-		$[21] = t13;
-	} else t13 = $[21];
+		$[21] = onToday;
+		$[22] = todayIconButtonSize;
+		$[23] = todayIconComponent;
+		$[24] = t13;
+	} else t13 = $[24];
 	const todayIconButton = t13;
 	const shouldRenderTodayIconWithFieldLabel = todayIconPlacement === "fieldLabel";
 	const pickerIcon = isDateTime ? uiConfig.dateInput.dateTimeIcon : uiConfig.dateInput.calendarIcon;
@@ -162,49 +171,49 @@ var DatePickerInput = (t0) => {
 	const t24 = isRequired || void 0;
 	const t25 = fieldProps.value !== null || void 0;
 	let t26;
-	if ($[22] !== as || $[23] !== inputSizeCva || $[24] !== size) {
+	if ($[25] !== as || $[26] !== inputSizeCva || $[27] !== size) {
 		t26 = clsx("flex w-full items-center gap-input-gap-input-text-to-elements pr-0!", inputSizeCva({
 			size,
 			as
 		}));
-		$[22] = as;
-		$[23] = inputSizeCva;
-		$[24] = size;
-		$[25] = t26;
-	} else t26 = $[25];
+		$[25] = as;
+		$[26] = inputSizeCva;
+		$[27] = size;
+		$[28] = t26;
+	} else t26 = $[28];
 	let t27;
-	if ($[26] !== as || $[27] !== headerProps) {
+	if ($[29] !== as || $[30] !== headerProps) {
 		t27 = as && ["filter", "floating"].includes(as) && headerProps && /* @__PURE__ */ jsx(FormFieldLabel, {
 			as,
 			...headerProps
 		});
-		$[26] = as;
-		$[27] = headerProps;
-		$[28] = t27;
-	} else t27 = $[28];
+		$[29] = as;
+		$[30] = headerProps;
+		$[31] = t27;
+	} else t27 = $[31];
 	const t28 = shouldRenderTodayIconWithFieldLabel && todayIconButton;
 	let t29;
-	if ($[29] !== datePickerInputContentRowCva || $[30] !== size) {
+	if ($[32] !== datePickerInputContentRowCva || $[33] !== size) {
 		t29 = datePickerInputContentRowCva({ size });
-		$[29] = datePickerInputContentRowCva;
-		$[30] = size;
-		$[31] = t29;
-	} else t29 = $[31];
+		$[32] = datePickerInputContentRowCva;
+		$[33] = size;
+		$[34] = t29;
+	} else t29 = $[34];
 	let t30;
-	if ($[32] !== disableManualEntry || $[33] !== isDisabled || $[34] !== onOpenDropdown) {
+	if ($[35] !== disableManualEntry || $[36] !== isDisabled || $[37] !== onOpenDropdown) {
 		t30 = disableManualEntry && /* @__PURE__ */ jsx(Button, {
 			onPress: onOpenDropdown,
 			className: "absolute inset-0 z-0",
 			isDisabled
 		});
-		$[32] = disableManualEntry;
-		$[33] = isDisabled;
-		$[34] = onOpenDropdown;
-		$[35] = t30;
-	} else t30 = $[35];
+		$[35] = disableManualEntry;
+		$[36] = isDisabled;
+		$[37] = onOpenDropdown;
+		$[38] = t30;
+	} else t30 = $[38];
 	const t31 = !shouldRenderTodayIconWithFieldLabel && todayIconButton;
 	let t32;
-	if ($[36] !== as || $[37] !== dateGranularity || $[38] !== disableManualEntry || $[39] !== effectiveTimeZone || $[40] !== endFieldProps || $[41] !== fieldProps || $[42] !== format || $[43] !== hidePlaceholder || $[44] !== isDisabled || $[45] !== isInvalid || $[46] !== isTimeOptional || $[47] !== onClearChange || $[48] !== placeholder) {
+	if ($[39] !== as || $[40] !== dateGranularity || $[41] !== disableManualEntry || $[42] !== effectiveTimeZone || $[43] !== endFieldProps || $[44] !== fieldProps || $[45] !== format || $[46] !== hidePlaceholder || $[47] !== isDisabled || $[48] !== isInvalid || $[49] !== isTimeOptional || $[50] !== onClearChange || $[51] !== placeholder) {
 		t32 = disableManualEntry && placeholder && !fieldProps.value ? /* @__PURE__ */ jsx(Typography, {
 			size: "label-1",
 			className: "text-text-default-3",
@@ -236,23 +245,23 @@ var DatePickerInput = (t0) => {
 			format,
 			timeZone: effectiveTimeZone
 		})] })] });
-		$[36] = as;
-		$[37] = dateGranularity;
-		$[38] = disableManualEntry;
-		$[39] = effectiveTimeZone;
-		$[40] = endFieldProps;
-		$[41] = fieldProps;
-		$[42] = format;
-		$[43] = hidePlaceholder;
-		$[44] = isDisabled;
-		$[45] = isInvalid;
-		$[46] = isTimeOptional;
-		$[47] = onClearChange;
-		$[48] = placeholder;
-		$[49] = t32;
-	} else t32 = $[49];
+		$[39] = as;
+		$[40] = dateGranularity;
+		$[41] = disableManualEntry;
+		$[42] = effectiveTimeZone;
+		$[43] = endFieldProps;
+		$[44] = fieldProps;
+		$[45] = format;
+		$[46] = hidePlaceholder;
+		$[47] = isDisabled;
+		$[48] = isInvalid;
+		$[49] = isTimeOptional;
+		$[50] = onClearChange;
+		$[51] = placeholder;
+		$[52] = t32;
+	} else t32 = $[52];
 	let t33;
-	if ($[50] !== t29 || $[51] !== t30 || $[52] !== t31 || $[53] !== t32) {
+	if ($[53] !== t29 || $[54] !== t30 || $[55] !== t31 || $[56] !== t32) {
 		t33 = /* @__PURE__ */ jsxs("div", {
 			className: t29,
 			children: [
@@ -261,14 +270,14 @@ var DatePickerInput = (t0) => {
 				t32
 			]
 		});
-		$[50] = t29;
-		$[51] = t30;
-		$[52] = t31;
-		$[53] = t32;
-		$[54] = t33;
-	} else t33 = $[54];
+		$[53] = t29;
+		$[54] = t30;
+		$[55] = t31;
+		$[56] = t32;
+		$[57] = t33;
+	} else t33 = $[57];
 	let t34;
-	if ($[55] !== t26 || $[56] !== t27 || $[57] !== t28 || $[58] !== t33) {
+	if ($[58] !== t26 || $[59] !== t27 || $[60] !== t28 || $[61] !== t33) {
 		t34 = /* @__PURE__ */ jsxs("div", {
 			className: t26,
 			children: [
@@ -277,36 +286,36 @@ var DatePickerInput = (t0) => {
 				t33
 			]
 		});
-		$[55] = t26;
-		$[56] = t27;
-		$[57] = t28;
-		$[58] = t33;
-		$[59] = t34;
-	} else t34 = $[59];
+		$[58] = t26;
+		$[59] = t27;
+		$[60] = t28;
+		$[61] = t33;
+		$[62] = t34;
+	} else t34 = $[62];
 	let t35;
-	if ($[60] !== as || $[61] !== inputSizeCva || $[62] !== size) {
+	if ($[63] !== as || $[64] !== inputSizeCva || $[65] !== size) {
 		t35 = clsx(inputSizeCva({
 			size,
 			as
 		}), "flex items-center gap-input-gap-trailing-elements py-0! pl-0!");
-		$[60] = as;
-		$[61] = inputSizeCva;
-		$[62] = size;
-		$[63] = t35;
-	} else t35 = $[63];
+		$[63] = as;
+		$[64] = inputSizeCva;
+		$[65] = size;
+		$[66] = t35;
+	} else t35 = $[66];
 	let t36;
-	if ($[64] !== canClear || $[65] !== isClearable || $[66] !== onClear) {
+	if ($[67] !== canClear || $[68] !== isClearable || $[69] !== onClear) {
 		t36 = isClearable && /* @__PURE__ */ jsx(InputClear, {
 			onClear,
 			show: canClear
 		});
-		$[64] = canClear;
-		$[65] = isClearable;
-		$[66] = onClear;
-		$[67] = t36;
-	} else t36 = $[67];
+		$[67] = canClear;
+		$[68] = isClearable;
+		$[69] = onClear;
+		$[70] = t36;
+	} else t36 = $[70];
 	let t37;
-	if ($[68] !== buttonProps || $[69] !== disableDropdown || $[70] !== disableManualEntry || $[71] !== isDisabled || $[72] !== pickerIcon) {
+	if ($[71] !== buttonProps || $[72] !== disableDropdown || $[73] !== disableManualEntry || $[74] !== isDisabled || $[75] !== pickerIcon) {
 		t37 = (!disableDropdown || disableManualEntry) && /* @__PURE__ */ jsx(InlineIconButton, {
 			label: "",
 			color: "secondary",
@@ -315,26 +324,26 @@ var DatePickerInput = (t0) => {
 			isDisabled,
 			className: "border-0!"
 		});
-		$[68] = buttonProps;
-		$[69] = disableDropdown;
-		$[70] = disableManualEntry;
-		$[71] = isDisabled;
-		$[72] = pickerIcon;
-		$[73] = t37;
-	} else t37 = $[73];
+		$[71] = buttonProps;
+		$[72] = disableDropdown;
+		$[73] = disableManualEntry;
+		$[74] = isDisabled;
+		$[75] = pickerIcon;
+		$[76] = t37;
+	} else t37 = $[76];
 	let t38;
-	if ($[74] !== t35 || $[75] !== t36 || $[76] !== t37) {
+	if ($[77] !== t35 || $[78] !== t36 || $[79] !== t37) {
 		t38 = /* @__PURE__ */ jsxs("div", {
 			className: t35,
 			children: [t36, t37]
 		});
-		$[74] = t35;
-		$[75] = t36;
-		$[76] = t37;
-		$[77] = t38;
-	} else t38 = $[77];
+		$[77] = t35;
+		$[78] = t36;
+		$[79] = t37;
+		$[80] = t38;
+	} else t38 = $[80];
 	let t39;
-	if ($[78] !== focusWithinProps || $[79] !== groupProps || $[80] !== hoverProps || $[81] !== t14 || $[82] !== t15 || $[83] !== t16 || $[84] !== t17 || $[85] !== t18 || $[86] !== t19 || $[87] !== t20 || $[88] !== t21 || $[89] !== t22 || $[90] !== t23 || $[91] !== t24 || $[92] !== t25 || $[93] !== t34 || $[94] !== t38) {
+	if ($[81] !== focusWithinProps || $[82] !== groupProps || $[83] !== hoverProps || $[84] !== t14 || $[85] !== t15 || $[86] !== t16 || $[87] !== t17 || $[88] !== t18 || $[89] !== t19 || $[90] !== t20 || $[91] !== t21 || $[92] !== t22 || $[93] !== t23 || $[94] !== t24 || $[95] !== t25 || $[96] !== t34 || $[97] !== t38) {
 		t39 = /* @__PURE__ */ jsxs("div", {
 			ref: containerRef,
 			className: t14,
@@ -356,25 +365,25 @@ var DatePickerInput = (t0) => {
 			...hoverProps,
 			children: [t34, t38]
 		});
-		$[78] = focusWithinProps;
-		$[79] = groupProps;
-		$[80] = hoverProps;
-		$[81] = t14;
-		$[82] = t15;
-		$[83] = t16;
-		$[84] = t17;
-		$[85] = t18;
-		$[86] = t19;
-		$[87] = t20;
-		$[88] = t21;
-		$[89] = t22;
-		$[90] = t23;
-		$[91] = t24;
-		$[92] = t25;
-		$[93] = t34;
-		$[94] = t38;
-		$[95] = t39;
-	} else t39 = $[95];
+		$[81] = focusWithinProps;
+		$[82] = groupProps;
+		$[83] = hoverProps;
+		$[84] = t14;
+		$[85] = t15;
+		$[86] = t16;
+		$[87] = t17;
+		$[88] = t18;
+		$[89] = t19;
+		$[90] = t20;
+		$[91] = t21;
+		$[92] = t22;
+		$[93] = t23;
+		$[94] = t24;
+		$[95] = t25;
+		$[96] = t34;
+		$[97] = t38;
+		$[98] = t39;
+	} else t39 = $[98];
 	return t39;
 };
 //#endregion

package/dist/components/inputs/DateTime/shared/TimePickerInput.d.ts

@@ -18,6 +18,7 @@ interface DatePickerInputProps extends InputVariantProps {
     placeholder?: string;
     className?: string;
     onPress: () => void;
+    fireBlurOnChange?: boolean;
 }
-export declare const TimePickerInput: ({ ref, as, fieldProps, state, isDisabled, isDirty, isRequired, isInvalid, disableDropdown, variant, size, isClearable, headerProps, disableManualEntry, placeholder, className, onPress, ...props }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimePickerInput: ({ ref, as, fieldProps, state, isDisabled, isDirty, isRequired, isInvalid, disableDropdown, variant, size, isClearable, headerProps, disableManualEntry, placeholder, className, onPress, fireBlurOnChange, ...props }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};