@react-aria/datepicker 3.5.0 → 3.6.0

package/dist/import.mjs

@@ -1,5 +1,5 @@
 import {createFocusManager as $cIPI0$createFocusManager, getFocusableTreeWalker as $cIPI0$getFocusableTreeWalker} from "@react-aria/focus";
-import {useId as $cIPI0$useId, useDescription as $cIPI0$useDescription, filterDOMProps as $cIPI0$filterDOMProps, mergeProps as $cIPI0$mergeProps, isMac as $cIPI0$isMac, scrollIntoViewport as $cIPI0$scrollIntoViewport, getScrollParent as $cIPI0$getScrollParent, useEvent as $cIPI0$useEvent, useLayoutEffect as $cIPI0$useLayoutEffect, isIOS as $cIPI0$isIOS, useLabels as $cIPI0$useLabels} from "@react-aria/utils";
+import {useId as $cIPI0$useId, useDescription as $cIPI0$useDescription, filterDOMProps as $cIPI0$filterDOMProps, mergeProps as $cIPI0$mergeProps, useFormReset as $cIPI0$useFormReset, isMac as $cIPI0$isMac, scrollIntoViewport as $cIPI0$scrollIntoViewport, getScrollParent as $cIPI0$getScrollParent, useEvent as $cIPI0$useEvent, useLayoutEffect as $cIPI0$useLayoutEffect, isIOS as $cIPI0$isIOS, useLabels as $cIPI0$useLabels} from "@react-aria/utils";
 import $cIPI0$react, {useMemo as $cIPI0$useMemo, useRef as $cIPI0$useRef, useEffect as $cIPI0$useEffect} from "react";
 import {useField as $cIPI0$useField} from "@react-aria/label";
 import {useFocusWithin as $cIPI0$useFocusWithin, usePress as $cIPI0$usePress} from "@react-aria/interactions";
@@ -886,6 +886,7 @@ const $16f0b7bb276bc17e$export$653eddfc964b0f8a = new WeakMap();
 const $16f0b7bb276bc17e$export$300019f83c56d282 = "__role_" + Date.now();
 const $16f0b7bb276bc17e$export$7b3062cd49e80452 = "__focusManager_" + Date.now();
 function $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref) {
+    var _state_value;
     let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $cIPI0$useField)({
         ...props,
         labelElementType: "span"
@@ -950,6 +951,7 @@ function $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref) {
     }, [
         focusManager
     ]);
+    (0, $cIPI0$useFormReset)(props.inputRef, state.value, state.setValue);
     let domProps = (0, $cIPI0$filterDOMProps)(props);
     return {
         labelProps: {
@@ -966,12 +968,20 @@ function $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref) {
                 if (props.onKeyUp) props.onKeyUp(e);
             }
         }),
+        inputProps: {
+            type: "hidden",
+            name: props.name,
+            value: ((_state_value = state.value) === null || _state_value === void 0 ? void 0 : _state_value.toString()) || ""
+        },
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps
     };
 }
 function $16f0b7bb276bc17e$export$4c842f6a241dc825(props, state, ref) {
-    return $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref);
+    var _state_timeValue;
+    let res = $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref);
+    res.inputProps.value = ((_state_timeValue = state.timeValue) === null || _state_timeValue === void 0 ? void 0 : _state_timeValue.toString()) || "";
+    return res;
 }
 
 
@@ -1052,7 +1062,8 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
             isReadOnly: props.isReadOnly,
             isRequired: props.isRequired,
             validationState: state.validationState,
-            autoFocus: props.autoFocus
+            autoFocus: props.autoFocus,
+            name: props.name
         },
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,
@@ -1595,13 +1606,15 @@ function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
             ...commonFieldProps,
             value: (_state_value = state.value) === null || _state_value === void 0 ? void 0 : _state_value.start,
             onChange: (start)=>state.setDateTime("start", start),
-            autoFocus: props.autoFocus
+            autoFocus: props.autoFocus,
+            name: props.startName
         },
         endFieldProps: {
             ...endFieldProps,
             ...commonFieldProps,
             value: (_state_value1 = state.value) === null || _state_value1 === void 0 ? void 0 : _state_value1.end,
-            onChange: (end)=>state.setDateTime("end", end)
+            onChange: (end)=>state.setDateTime("end", end),
+            name: props.endName
         },
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,

package/dist/main.js

@@ -896,6 +896,7 @@ const $4acc2f407c169e55$export$653eddfc964b0f8a = new WeakMap();
 const $4acc2f407c169e55$export$300019f83c56d282 = "__role_" + Date.now();
 const $4acc2f407c169e55$export$7b3062cd49e80452 = "__focusManager_" + Date.now();
 function $4acc2f407c169e55$export$5591b0b878c1a989(props, state, ref) {
+    var _state_value;
     let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $IwcIq$reactarialabel.useField)({
         ...props,
         labelElementType: "span"
@@ -960,6 +961,7 @@ function $4acc2f407c169e55$export$5591b0b878c1a989(props, state, ref) {
     }, [
         focusManager
     ]);
+    (0, $IwcIq$reactariautils.useFormReset)(props.inputRef, state.value, state.setValue);
     let domProps = (0, $IwcIq$reactariautils.filterDOMProps)(props);
     return {
         labelProps: {
@@ -976,12 +978,20 @@ function $4acc2f407c169e55$export$5591b0b878c1a989(props, state, ref) {
                 if (props.onKeyUp) props.onKeyUp(e);
             }
         }),
+        inputProps: {
+            type: "hidden",
+            name: props.name,
+            value: ((_state_value = state.value) === null || _state_value === void 0 ? void 0 : _state_value.toString()) || ""
+        },
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps
     };
 }
 function $4acc2f407c169e55$export$4c842f6a241dc825(props, state, ref) {
-    return $4acc2f407c169e55$export$5591b0b878c1a989(props, state, ref);
+    var _state_timeValue;
+    let res = $4acc2f407c169e55$export$5591b0b878c1a989(props, state, ref);
+    res.inputProps.value = ((_state_timeValue = state.timeValue) === null || _state_timeValue === void 0 ? void 0 : _state_timeValue.toString()) || "";
+    return res;
 }
 
 
@@ -1062,7 +1072,8 @@ function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
             isReadOnly: props.isReadOnly,
             isRequired: props.isRequired,
             validationState: state.validationState,
-            autoFocus: props.autoFocus
+            autoFocus: props.autoFocus,
+            name: props.name
         },
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,
@@ -1605,13 +1616,15 @@ function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
             ...commonFieldProps,
             value: (_state_value = state.value) === null || _state_value === void 0 ? void 0 : _state_value.start,
             onChange: (start)=>state.setDateTime("start", start),
-            autoFocus: props.autoFocus
+            autoFocus: props.autoFocus,
+            name: props.startName
         },
         endFieldProps: {
             ...endFieldProps,
             ...commonFieldProps,
             value: (_state_value1 = state.value) === null || _state_value1 === void 0 ? void 0 : _state_value1.end,
-            onChange: (end)=>state.setDateTime("end", end)
+            onChange: (end)=>state.setDateTime("end", end),
+            name: props.endName
         },
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,