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

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

@@ -267,14 +267,14 @@ var DatePicker = ({ fullIso = true, granularity = "day", minValue, maxValue, ren
 		if (calendarDate === null) return null;
 		const normalizedDate = normalizeByGranularity(calendarDate);
 		if (fullIso) return DateTimeUtils.fromCalendarDateToUTCISO(normalizedDate);
-		const date_0 = DateTimeUtils.fromDateValueToLocal(normalizedDate);
-		return DateTime.fromJSDate(date_0).toISODate();
+		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).toJSDate();
-		return normalizeByGranularity(toCalendarDate(DateTimeUtils.fromLocalToZonedDateTime(date_1)));
+		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,

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

@@ -590,11 +590,11 @@ var DateRangePicker = ({ fullIso = true, minValue, maxValue, renderStaticInput,
 			start: DateTimeUtils.fromCalendarDateToUTCISO(range.start),
 			end: DateTimeUtils.fromCalendarDateToUTCISO(range.end, { endOfDay: true })
 		};
-		const startDate = DateTimeUtils.fromDateValueToLocal(range.start);
-		const endDate = DateTimeUtils.fromDateValueToLocal(range.end);
+		const startDate = DateTimeUtils.fromDateValueToLocal(range.start, "UTC");
+		const endDate = DateTimeUtils.fromDateValueToLocal(range.end, "UTC");
 		return {
-			start: DateTime.fromJSDate(startDate).toISODate(),
-			end: DateTime.fromJSDate(endDate).toISODate()
+			start: DateTime.fromJSDate(startDate, { zone: "UTC" }).toISODate(),
+			end: DateTime.fromJSDate(endDate, { zone: "UTC" }).toISODate()
 		};
 	};
 	const parseDateRange = (formattedRange) => {
@@ -603,10 +603,10 @@ var DateRangePicker = ({ fullIso = true, minValue, maxValue, renderStaticInput,
 			start: DateTimeUtils.fromUTCISOToCalendarDate(formattedRange.start),
 			end: DateTimeUtils.fromUTCISOToCalendarDate(formattedRange.end)
 		};
-		const startDate_0 = DateTime.fromISO(formattedRange.start).toJSDate();
-		const endDate_0 = DateTime.fromISO(formattedRange.end).toJSDate();
-		const startZonedDateTime = DateTimeUtils.fromLocalToZonedDateTime(startDate_0);
-		const endZonedDateTime = DateTimeUtils.fromLocalToZonedDateTime(endDate_0);
+		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)
@@ -615,8 +615,8 @@ var DateRangePicker = ({ fullIso = true, minValue, maxValue, renderStaticInput,
 	const parseCalendarDate = (formattedDate) => {
 		if (formattedDate == null) return formattedDate;
 		if (fullIso) return DateTimeUtils.fromUTCISOToCalendarDate(formattedDate);
-		const date = DateTime.fromISO(formattedDate).toJSDate();
-		return toCalendarDate(DateTimeUtils.fromLocalToZonedDateTime(date));
+		const date = DateTime.fromISO(formattedDate, { zone: "UTC" }).toJSDate();
+		return toCalendarDate(DateTimeUtils.fromLocalToZonedDateTime(date, "UTC"));
 	};
 	const dateLimits = {
 		minValue: typeof minValue === "string" ? parseCalendarDate(minValue) : minValue,

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

@@ -19,12 +19,12 @@ 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, getLocalTimeZone, now, toCalendarDateTime, today } from "@internationalized/date";
+import { Time, createCalendar, now, toCalendarDateTime, today } from "@internationalized/date";
 import { useCalendarState, useDatePickerState } from "react-stately";
 //#region src/components/inputs/DateTime/DateTimePicker/DateTimePicker.tsx
 var DateTimePickerBase = (props) => {
 	const ui = UIConfig.useConfig();
-	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, isTimeOptional, placeholder, inputClassName, hideLabel: hideLabelProp, variant: variantProp, as: asProp, size: sizeProp, isClearable: isClearableProp, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, shouldUpdateDateOnMonthYearChange: shouldUpdateDateOnMonthYearChangeProp, timeZone, autoFixYear: autoFixYearProp, format, setDateValueOnDateSelection: setDateValueOnDateSelectionProp, ...rest } = props;
+	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, isTimeOptional, placeholder, inputClassName, hideLabel: hideLabelProp, variant: variantProp, as: asProp, size: sizeProp, isClearable: isClearableProp, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, shouldUpdateDateOnMonthYearChange: shouldUpdateDateOnMonthYearChangeProp, timeZone: _timeZone, autoFixYear: autoFixYearProp, format, setDateValueOnDateSelection: setDateValueOnDateSelectionProp, ...rest } = props;
 	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
 	const variant = variantProp ?? ui.input.variant;
 	const as = asProp ?? ui.input.as;
@@ -38,8 +38,7 @@ var DateTimePickerBase = (props) => {
 	const shouldUpdateDateOnMonthYearChange = shouldUpdateDateOnMonthYearChangeProp ?? ui.dateInput.shouldUpdateDateOnMonthYearChange;
 	const autoFixYear = autoFixYearProp ?? ui.dateInput.autoFixYear;
 	const setDateValueOnDateSelection = setDateValueOnDateSelectionProp ?? ui.dateInput.setDateValueOnDateSelection;
-	let effectiveTimeZone = getLocalTimeZone();
-	if (timeZone) effectiveTimeZone = timeZone;
+	const effectiveTimeZone = "UTC";
 	const formFieldProps = {
 		error,
 		label,
@@ -85,7 +84,7 @@ var DateTimePickerBase = (props) => {
 		onChange: (val_0) => {
 			onChange?.(val_0);
 			dialogState.setValue(val_0);
-			calendarState.setFocusedDate(val_0 || today(getLocalTimeZone()));
+			calendarState.setFocusedDate(val_0 || today(effectiveTimeZone));
 			debouncedBlur(val_0);
 		},
 		shouldCloseOnSelect: false,
@@ -257,8 +256,7 @@ var DateTimePicker = ({ fullIso = true, renderStaticInput, ...props }) => {
 	let isFormControlDisabled = false;
 	if ("formControl" in props && props.formControl) isFormControlDisabled = !!props.formControl.control._options?.disabled;
 	const rawValue = watchedValue ?? props.value ?? null;
-	let effectiveTimeZone = getLocalTimeZone();
-	if (props.timeZone) effectiveTimeZone = props.timeZone;
+	const effectiveTimeZone = "UTC";
 	const formatDateValue = (dateValue) => {
 		if (dateValue === null) return null;
 		if (fullIso) return DateTimeUtils.fromDateValueToISO(dateValue, effectiveTimeZone);

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

@@ -17,7 +17,7 @@ import { useEffect, useRef, useState } from "react";
 import { useLocale, useTimeField } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import { Controller, useWatch } from "react-hook-form";
-import { getLocalTimeZone, now, toTime } from "@internationalized/date";
+import { now, toTime } from "@internationalized/date";
 import { DateTime } from "luxon";
 import { useTimeFieldState } from "react-stately";
 //#region src/components/inputs/DateTime/TimePicker/TimePicker.tsx
@@ -415,8 +415,7 @@ var TimePickerBase = (props) => {
 };
 var TimePicker = ({ renderStaticInput, ...props }) => {
 	const ui = UIConfig.useConfig();
-	let effectiveTimeZone = getLocalTimeZone();
-	if (props.timeZone) effectiveTimeZone = props.timeZone;
+	const effectiveTimeZone = "UTC";
 	const { locale } = useLocale();
 	const [renderInput, setRenderInput] = useState(!(renderStaticInput ?? ui.renderStaticInput));
 	const inputRef = useRef(null);

package/package.json

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