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

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,7 +15,7 @@ import { clsx } from "clsx";
 import { useImperativeHandle, useRef, useState } from "react";
 import { Button } from "react-aria-components";
 import { useFocusVisible, useFocusWithin, useHover } from "react-aria";
-import { now, toCalendarDateTime, today } from "@internationalized/date";
+import { today } from "@internationalized/date";
 //#region src/components/inputs/DateTime/shared/DatePickerInput.tsx
 var DatePickerInput = (t0) => {
 	const $ = c(96);
@@ -102,7 +103,7 @@ var DatePickerInput = (t0) => {
 	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 {

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.14",
+  "version": "2.3.0-rc.15",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",