@povio/ui 2.3.0-rc.13 → 2.3.0-rc.15

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

@@ -19,10 +19,11 @@ import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState
 import { useDatePicker, useLocale } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import { Controller, useWatch } from "react-hook-form";
-import { createCalendar, getLocalTimeZone, toCalendarDate, today } from "@internationalized/date";
+import { createCalendar, toCalendarDate, today } from "@internationalized/date";
 import { DateTime } from "luxon";
 import { useCalendarState, useDatePickerState } from "react-stately";
 //#region src/components/inputs/DateTime/DatePicker/DatePicker.tsx
+var DATE_PICKER_TIME_ZONE = "UTC";
 var DatePickerBase = (props) => {
 	const ui = UIConfig.useConfig();
 	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDirty, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, className, placeholder, inputClassName, as: asProp, hideLabel: hideLabelProp, variant: variantProp, size: sizeProp, isClearable: isClearableProp, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, shouldUpdateDateOnMonthYearChange: shouldUpdateDateOnMonthYearChangeProp, granularity: granularityProp, autoFixYear: autoFixYearProp, format, ...rest } = props;
@@ -98,7 +99,7 @@ var DatePickerBase = (props) => {
 				calendarState.setFocusedDate(normalizedValue);
 				return;
 			}
-			calendarState.setFocusedDate(today(getLocalTimeZone()));
+			calendarState.setFocusedDate(today(DATE_PICKER_TIME_ZONE));
 		},
 		shouldCloseOnSelect: false
 	});
@@ -137,7 +138,7 @@ var DatePickerBase = (props) => {
 	};
 	const onMonthYearChange = (selectedDate) => {
 		if (!(shouldUpdateDateOnMonthYearChange || granularity !== "day")) return;
-		const updatedDate = normalizeByGranularity((dialogState.value || state.value || today(getLocalTimeZone())).set({
+		const updatedDate = normalizeByGranularity((dialogState.value || state.value || today(DATE_PICKER_TIME_ZONE)).set({
 			year: selectedDate.year,
 			month: selectedDate.month
 		}));
@@ -148,7 +149,7 @@ var DatePickerBase = (props) => {
 		onApply();
 	};
 	const onTodayPress = () => {
-		const todayValue = normalizeByGranularity(today(getLocalTimeZone()));
+		const todayValue = normalizeByGranularity(today(DATE_PICKER_TIME_ZONE));
 		dialogState.setValue(todayValue);
 		calendarState.setFocusedDate(todayValue);
 	};
@@ -156,7 +157,7 @@ var DatePickerBase = (props) => {
 		if (!state.isOpen) return;
 		if (granularity !== "year") return;
 		if (dialogState.value) return;
-		const defaultYearValue = normalizeByGranularity(today(getLocalTimeZone()));
+		const defaultYearValue = normalizeByGranularity(today(DATE_PICKER_TIME_ZONE));
 		dialogState.setValue(defaultYearValue);
 		calendarState.setFocusedDate(defaultYearValue);
 	}, [
@@ -170,7 +171,7 @@ var DatePickerBase = (props) => {
 	const onOpenChange = (isOpen) => {
 		state.toggle();
 		if (state.value) calendarState.setFocusedDate(normalizeByGranularity(state.value));
-		if (!state.value) calendarState.setFocusedDate(today(getLocalTimeZone()));
+		if (!state.value) calendarState.setFocusedDate(today(DATE_PICKER_TIME_ZONE));
 		if (!isOpen) dialogState.setValue(state.value);
 	};
 	return /* @__PURE__ */ jsx(TooltipWrapper, {
@@ -206,7 +207,8 @@ var DatePickerBase = (props) => {
 				placeholder,
 				className: inputClassName,
 				dateGranularity: granularity,
-				format
+				format,
+				timeZone: DATE_PICKER_TIME_ZONE
 			}), (!disableDropdown || disableManualEntry) && state.isOpen && /* @__PURE__ */ jsx(DateTimeDialog, {
 				footer: /* @__PURE__ */ jsx(DateTimeDialogFooter, {
 					isDisabled,

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

@@ -23,10 +23,11 @@ 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 { createCalendar, endOfMonth, endOfWeek, endOfYear, getLocalTimeZone, startOfMonth, startOfWeek, startOfYear, toCalendarDate, today } from "@internationalized/date";
+import { createCalendar, endOfMonth, endOfWeek, endOfYear, startOfMonth, startOfWeek, startOfYear, toCalendarDate, today } from "@internationalized/date";
 import { DateTime } from "luxon";
 import { useDateRangePickerState, useRangeCalendarState } from "react-stately";
 //#region src/components/inputs/DateTime/DateRangePicker/DateRangePicker.tsx
+var DATE_PICKER_TIME_ZONE = "UTC";
 var DateRangePickerBase = (props) => {
 	const ui = UIConfig.useConfig();
 	const { t } = useTranslation();
@@ -114,7 +115,7 @@ var DateRangePickerBase = (props) => {
 		createCalendar,
 		pageBehavior: "single",
 		visibleDuration: { months: 1 },
-		defaultFocusedValue: today(getLocalTimeZone()).add({ months: 1 }),
+		defaultFocusedValue: today(DATE_PICKER_TIME_ZONE).add({ months: 1 }),
 		minValue: void 0,
 		maxValue: void 0
 	});
@@ -354,7 +355,7 @@ var DateRangePickerBase = (props) => {
 		state.toggle();
 	};
 	const onTodayPress = () => {
-		const todayDate = today(getLocalTimeZone());
+		const todayDate = today(DATE_PICKER_TIME_ZONE);
 		leftCalendarState.setFocusedDate(todayDate);
 		rightCalendarState.setFocusedDate(todayDate.add({ months: 1 }));
 		syncCalendarStates({
@@ -369,8 +370,8 @@ var DateRangePickerBase = (props) => {
 				dialogState.setValue(state.value);
 				leftCalendarState.setValue(state.value);
 				rightCalendarState.setValue(state.value);
-				const startDate_1 = state.value.start || today(getLocalTimeZone());
-				const endDate_1 = state.value.end || today(getLocalTimeZone()).add({ months: 1 });
+				const startDate_1 = state.value.start || today(DATE_PICKER_TIME_ZONE);
+				const endDate_1 = state.value.end || today(DATE_PICKER_TIME_ZONE).add({ months: 1 });
 				leftCalendarState.setFocusedDate(startDate_1);
 				if (startDate_1.year === endDate_1.year && startDate_1.month === endDate_1.month) rightCalendarState.setFocusedDate(startDate_1.add({ months: 1 }));
 				else rightCalendarState.setFocusedDate(endDate_1);
@@ -382,7 +383,7 @@ var DateRangePickerBase = (props) => {
 			}
 		}
 	};
-	const todayDate_0 = today(getLocalTimeZone());
+	const todayDate_0 = today(DATE_PICKER_TIME_ZONE);
 	const getThisWeekRange = () => {
 		return {
 			start: startOfWeek(todayDate_0, locale),
@@ -511,7 +512,8 @@ var DateRangePickerBase = (props) => {
 				autoFixYear,
 				placeholder,
 				className: inputClassName,
-				onOpenDropdown: () => state.toggle()
+				onOpenDropdown: () => state.toggle(),
+				timeZone: DATE_PICKER_TIME_ZONE
 			}), /* @__PURE__ */ jsx(DateTimeDialog, {
 				hideSidebar,
 				sidebar: /* @__PURE__ */ jsx("div", {

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

@@ -34,5 +34,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, renderStaticInput, ...props }: ControlledDateTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export declare const DateTimePicker: <TFieldValues extends FieldValues>({ fullIso: _fullIso, renderStaticInput, ...props }: ControlledDateTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -19,7 +19,7 @@ import { 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 { Time, createCalendar, now, toCalendarDateTime, today } from "@internationalized/date";
+import { Time, createCalendar, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";
 import { useCalendarState, useDatePickerState } from "react-stately";
 //#region src/components/inputs/DateTime/DateTimePicker/DateTimePicker.tsx
 var DateTimePickerBase = (props) => {
@@ -142,8 +142,9 @@ var DateTimePickerBase = (props) => {
 		calendarState.setFocusedDate(selectedDate);
 	};
 	const onTodayPress = () => {
-		dialogState.setValue(toCalendarDateTime(now(effectiveTimeZone)));
-		calendarState.setFocusedDate(today(effectiveTimeZone));
+		const currentValue = DateTimeUtils.getCurrentWallClockCalendarDateTime();
+		dialogState.setValue(currentValue);
+		calendarState.setFocusedDate(toCalendarDate(currentValue));
 	};
 	const onOpenChange = (isOpen) => {
 		state.toggle();
@@ -233,7 +234,7 @@ var DateTimePickerBase = (props) => {
 		})
 	});
 };
-var DateTimePicker = ({ fullIso = true, renderStaticInput, ...props }) => {
+var DateTimePicker = ({ fullIso: _fullIso = true, renderStaticInput, ...props }) => {
 	const ui = UIConfig.useConfig();
 	const datePickerInputContentRowCva = UIStyle.useCva("datePickerInput.contentRowCva", datePickerInputContentRow);
 	const { locale } = useLocale();
@@ -259,8 +260,7 @@ var DateTimePicker = ({ fullIso = true, renderStaticInput, ...props }) => {
 	const effectiveTimeZone = "UTC";
 	const formatDateValue = (dateValue) => {
 		if (dateValue === null) return null;
-		if (fullIso) return DateTimeUtils.fromDateValueToISO(dateValue, effectiveTimeZone);
-		return DateTimeUtils.fromDateValueToISO(dateValue, effectiveTimeZone);
+		return DateTimeUtils.fromDateValueFieldsToUTCISO(dateValue);
 	};
 	const parseDateValue = (isoString) => {
 		if (isoString == null) return isoString;

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

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

package/dist/components/inputs/Inputs/InputItem.d.ts

@@ -19,7 +19,7 @@ declare const componentRegistry: {
     readonly queryAutocomplete: <TFieldValues extends import('react-hook-form').FieldValues, TSelectItem extends import('../../..').SelectItem<any>, TQueryFn extends import('../Selection/Autocomplete/queryAutocomplete.types').QueryFn>({ query, queryParams, queryOptions, queryMap, leadingContent, ...props }: import('../Selection/Autocomplete/queryAutocomplete.types').QueryAutocompleteProps<TFieldValues, TSelectItem, TQueryFn>) => import("react/jsx-runtime").JSX.Element;
     readonly segment: <TFieldValues extends import('react-hook-form').FieldValues, TKey extends import('react-aria').Key = import('react-aria').Key>(props: import('../../..').ControlledSegmentProps<TFieldValues, TKey>) => import("react/jsx-runtime").JSX.Element;
     readonly datePicker: <TFieldValues extends import('react-hook-form').FieldValues>({ fullIso, granularity, minValue, maxValue, renderStaticInput, ...props }: import('../DateTime/DatePicker/DatePicker').ControlledDatePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly dateTimePicker: <TFieldValues extends import('react-hook-form').FieldValues>({ fullIso, renderStaticInput, ...props }: import('../DateTime/DateTimePicker/DateTimePicker').ControlledDateTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+    readonly dateTimePicker: <TFieldValues extends import('react-hook-form').FieldValues>({ fullIso: _fullIso, renderStaticInput, ...props }: import('../DateTime/DateTimePicker/DateTimePicker').ControlledDateTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
     readonly timePicker: <TFieldValues extends import('react-hook-form').FieldValues>({ renderStaticInput, ...props }: import('../DateTime/TimePicker/TimePicker').ControlledTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
     readonly dateRangePicker: <TFieldValues extends import('react-hook-form').FieldValues>({ fullIso, minValue, maxValue, renderStaticInput, ...props }: import('../DateTime/DateRangePicker/DateRangePicker').ControlledDateRangePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
     readonly unknown: null;

package/dist/utils/date-time.utils.d.ts

@@ -22,6 +22,8 @@ export declare namespace DateTimeUtils {
     export function formatCalendarDateTimeLocalized(calendarDateTime: Pick<CalendarDateTime, "day" | "month" | "year" | "hour" | "minute">, locale?: string, options?: LocalizedDateFormatOptions): string;
     export function fromISOtoZonedDateTime(isoString: string, timeZone?: string): ZonedDateTime;
     export function fromDateValueToISO(dateValue: DateValue, timeZone?: string): string;
+    export function fromDateValueFieldsToUTCISO(dateValue: DateValue): string;
+    export function getCurrentWallClockCalendarDateTime(): CalendarDateTime;
     export function fromDateValueToOffsetISO(dateValue: DateValue, timeZone?: string): string;
     export function fromLocalToZonedDateTime(date: Date, timeZone?: string): ZonedDateTime;
     export function fromDateValueToLocal(dateValue: DateValue, timeZone?: string): Date;

package/dist/utils/date-time.utils.js

@@ -136,6 +136,16 @@ var DateTimeUtils;
 		return dateValue.toDate(resolvedTimeZone).toISOString();
 	}
 	_DateTimeUtils.fromDateValueToISO = fromDateValueToISO;
+	function fromDateValueFieldsToUTCISO(dateValue) {
+		const dateTimeFields = dateValue;
+		return new CalendarDateTime(dateValue.year, dateValue.month, dateValue.day, dateTimeFields.hour ?? 0, dateTimeFields.minute ?? 0, dateTimeFields.second ?? 0, dateTimeFields.millisecond ?? 0).toDate("UTC").toISOString();
+	}
+	_DateTimeUtils.fromDateValueFieldsToUTCISO = fromDateValueFieldsToUTCISO;
+	function getCurrentWallClockCalendarDateTime() {
+		const date = /* @__PURE__ */ new Date();
+		return new CalendarDateTime(date.getFullYear(), date.getMonth() + 1, date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());
+	}
+	_DateTimeUtils.getCurrentWallClockCalendarDateTime = getCurrentWallClockCalendarDateTime;
 	function fromDateValueToOffsetISO(dateValue, timeZone) {
 		const resolvedTimeZone = resolveTimeZone(timeZone);
 		const date = dateValue.toDate(resolvedTimeZone);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "2.3.0-rc.13",
+  "version": "2.3.0-rc.15",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",