@uipath/apollo-wind 2.70.0 → 2.71.0

package/dist/components/ui/date-picker.js

@@ -1,6 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { format } from "date-fns";
+import { format, isValid } from "date-fns";
 import { CalendarIcon } from "lucide-react";
 import { forwardRef, useId } from "react";
 import { Button } from "./button.js";
@@ -13,6 +13,7 @@ import { useControlValidation, useInputGroup } from "./input-group-context.js";
 const date_picker_DatePicker = /*#__PURE__*/ forwardRef(function({ id, value, onValueChange, disabled, placeholder = 'Pick a date', className, calendarProps, error, errorId, 'aria-labelledby': ariaLabelledBy, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage }, ref) {
     const generatedId = useId();
     const validationId = errorId ?? `${id ?? `date-picker-${generatedId.replace(/:/g, '')}`}-error`;
+    const date = value instanceof Date && isValid(value) ? value : void 0;
     const group = useInputGroup();
     const grouped = group.inGroup;
     const validation = useControlValidation(group, {
@@ -24,7 +25,7 @@ const date_picker_DatePicker = /*#__PURE__*/ forwardRef(function({ id, value, on
     });
     const triggerProps = {
         id,
-        'aria-label': id || ariaLabelledBy ? void 0 : value ? `Selected date: ${format(value, 'PPP')}` : placeholder,
+        'aria-label': id || ariaLabelledBy ? void 0 : date ? `Selected date: ${format(date, 'PPP')}` : placeholder,
         'aria-labelledby': ariaLabelledBy,
         ...validation.aria,
         disabled: disabled || group.disabled
@@ -39,9 +40,9 @@ const date_picker_DatePicker = /*#__PURE__*/ forwardRef(function({ id, value, on
                         ...triggerProps,
                         className: className,
                         placeholder: placeholder,
-                        children: value && /*#__PURE__*/ jsx("span", {
+                        children: date && /*#__PURE__*/ jsx("span", {
                             className: "truncate",
-                            children: format(value, 'PPP')
+                            children: format(date, 'PPP')
                         })
                     }) : /*#__PURE__*/ jsx(PopoverTrigger, {
                         asChild: true,
@@ -52,7 +53,7 @@ const date_picker_DatePicker = /*#__PURE__*/ forwardRef(function({ id, value, on
                             className: cn('w-full justify-start text-left font-normal [&>svg]:text-foreground-muted hover:[&>svg]:text-accent-foreground', 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:px-4 future:gap-4 future:text-foreground future:hover:bg-surface-hover future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', className),
                             children: [
                                 /*#__PURE__*/ jsx(CalendarIcon, {}),
-                                value ? format(value, 'PPP') : /*#__PURE__*/ jsx("span", {
+                                date ? format(date, 'PPP') : /*#__PURE__*/ jsx("span", {
                                     className: "text-foreground-muted",
                                     children: placeholder
                                 })
@@ -64,7 +65,7 @@ const date_picker_DatePicker = /*#__PURE__*/ forwardRef(function({ id, value, on
                         align: grouped ? 'start' : void 0,
                         children: /*#__PURE__*/ jsx(Calendar, {
                             mode: "single",
-                            selected: value,
+                            selected: date,
                             onSelect: onValueChange,
                             initialFocus: true,
                             ...calendarProps

package/dist/components/ui/datetime-picker.cjs

@@ -47,19 +47,15 @@ const datetime_picker_DateTimePicker = /*#__PURE__*/ external_react_namespaceObj
     };
     const generatedId = external_react_namespaceObject.useId();
     const validationId = errorId ?? `${id ?? `datetime-picker-${generatedId.replace(/:/g, '')}`}-error`;
-    const [selectedDate, setSelectedDate] = external_react_namespaceObject.useState(value);
-    const [timeValue, setTimeValue] = external_react_namespaceObject.useState(value ? (0, external_date_fns_namespaceObject.format)(value, 'HH:mm') : '');
-    const valueTime = value?.getTime();
+    const date = value instanceof Date && (0, external_date_fns_namespaceObject.isValid)(value) ? value : void 0;
+    const [selectedDate, setSelectedDate] = external_react_namespaceObject.useState(date);
+    const [timeValue, setTimeValue] = external_react_namespaceObject.useState(date ? (0, external_date_fns_namespaceObject.format)(date, 'HH:mm') : '');
+    const valueTime = date?.getTime();
     const [seededTime, setSeededTime] = external_react_namespaceObject.useState(valueTime);
     if (!Object.is(valueTime, seededTime)) {
         setSeededTime(valueTime);
-        if (void 0 === value) {
-            setSelectedDate(void 0);
-            setTimeValue('');
-        } else if (!Number.isNaN(valueTime)) {
-            setSelectedDate(value);
-            setTimeValue((0, external_date_fns_namespaceObject.format)(value, 'HH:mm'));
-        }
+        setSelectedDate(date);
+        setTimeValue(date ? (0, external_date_fns_namespaceObject.format)(date, 'HH:mm') : '');
     }
     const handleDateSelect = (date)=>{
         if (!date) return;
@@ -67,6 +63,7 @@ const datetime_picker_DateTimePicker = /*#__PURE__*/ external_react_namespaceObj
             date.setHours(selectedDate.getHours());
             date.setMinutes(selectedDate.getMinutes());
             date.setSeconds(selectedDate.getSeconds());
+            date.setMilliseconds(selectedDate.getMilliseconds());
         }
         setSelectedDate(date);
         onValueChange?.(date);

package/dist/components/ui/datetime-picker.js

@@ -1,5 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { format } from "date-fns";
+import { format, isValid } from "date-fns";
 import { CalendarIcon, Clock } from "lucide-react";
 import { forwardRef, useId, useState } from "react";
 import { Button } from "./button.js";
@@ -19,19 +19,15 @@ const datetime_picker_DateTimePicker = /*#__PURE__*/ forwardRef(function({ value
     };
     const generatedId = useId();
     const validationId = errorId ?? `${id ?? `datetime-picker-${generatedId.replace(/:/g, '')}`}-error`;
-    const [selectedDate, setSelectedDate] = useState(value);
-    const [timeValue, setTimeValue] = useState(value ? format(value, 'HH:mm') : '');
-    const valueTime = value?.getTime();
+    const date = value instanceof Date && isValid(value) ? value : void 0;
+    const [selectedDate, setSelectedDate] = useState(date);
+    const [timeValue, setTimeValue] = useState(date ? format(date, 'HH:mm') : '');
+    const valueTime = date?.getTime();
     const [seededTime, setSeededTime] = useState(valueTime);
     if (!Object.is(valueTime, seededTime)) {
         setSeededTime(valueTime);
-        if (void 0 === value) {
-            setSelectedDate(void 0);
-            setTimeValue('');
-        } else if (!Number.isNaN(valueTime)) {
-            setSelectedDate(value);
-            setTimeValue(format(value, 'HH:mm'));
-        }
+        setSelectedDate(date);
+        setTimeValue(date ? format(date, 'HH:mm') : '');
     }
     const handleDateSelect = (date)=>{
         if (!date) return;
@@ -39,6 +35,7 @@ const datetime_picker_DateTimePicker = /*#__PURE__*/ forwardRef(function({ value
             date.setHours(selectedDate.getHours());
             date.setMinutes(selectedDate.getMinutes());
             date.setSeconds(selectedDate.getSeconds());
+            date.setMilliseconds(selectedDate.getMilliseconds());
         }
         setSelectedDate(date);
         onValueChange?.(date);