soda-heroui 0.8.9 → 0.9.1

package/dist/components/AutoRefresh.d.ts

@@ -1,5 +1,5 @@
-import { FC, ReactNode } from "react";
 import { addToast } from "@heroui/react";
+import { FC, ReactNode } from "react";
 import { FirstParameter } from "soda-type";
 export interface AutoRefreshProps extends FirstParameter<typeof addToast> {
     onRefresh?: () => void;

package/dist/components/FormAutocomplete.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import { Autocomplete, AutocompleteProps } from "@heroui/react";
+import { ReactNode } from "react";
 import { FieldComponentProps } from "soda-tanstack-form";
 export interface FormAutocompleteProps<FieldValue extends string | null | undefined = string | null | undefined, RenderItem extends object = object> extends FieldComponentProps<typeof Autocomplete<RenderItem>, FieldValue> {
     component?: <T extends object>(props: AutocompleteProps<T>) => ReactNode;

package/dist/components/FormCalendar.cjs

@@ -28,16 +28,16 @@ __webpack_require__.d(__webpack_exports__, {
     FormCalendar: ()=>FormCalendar
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
+const external_react_namespaceObject = require("react");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
 const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
 const external_FormTimeInput_cjs_namespaceObject = require("./FormTimeInput.cjs");
-function FormCalendar({ field, valueMode, emptyValue, component: Calendar2 = react_namespaceObject.Calendar, ...rest }) {
+function FormCalendar({ field, valueMode, emptyValue, dateMode, component: Calendar2 = react_namespaceObject.Calendar, ...rest }) {
     const context = (0, external_react_namespaceObject.useContext)(external_FormProvider_cjs_namespaceObject.FormContext);
     emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Calendar2, {
-        focusedValue: (0, external_FormTimeInput_cjs_namespaceObject.getFieldValue)(field),
+        focusedValue: (0, external_FormTimeInput_cjs_namespaceObject.getFieldValue)(field, dateMode),
         onFocusChange: (0, external_FormTimeInput_cjs_namespaceObject.getOnChange)({
             field,
             valueMode,

package/dist/components/FormCalendar.d.ts

@@ -1,12 +1,14 @@
-import { ReactNode } from "react";
 import { Calendar, CalendarProps, DateValue } from "@heroui/react";
+import { ReactNode } from "react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
+import { DateMode } from "../utils/parseTime";
 import { EmptyValue } from "./FormProvider";
 import { TimeValueMode, TimeValueModeMap } from "./FormTimeInput";
 export interface FormCalendarProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined> extends StrictOmit<FieldComponentProps<typeof Calendar, FieldValue>, never> {
     valueMode?: ValueMode;
     emptyValue?: EmptyValue;
+    dateMode?: DateMode;
     component?: <T extends DateValue>(props: CalendarProps<T>) => ReactNode;
 }
-export declare function FormCalendar<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined>({ field, valueMode, emptyValue, component: Calendar2, ...rest }: FormCalendarProps<ValueMode, FieldValue>): ReactNode;
+export declare function FormCalendar<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined>({ field, valueMode, emptyValue, dateMode, component: Calendar2, ...rest }: FormCalendarProps<ValueMode, FieldValue>): ReactNode;

package/dist/components/FormCalendar.js

@@ -1,15 +1,15 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__ from "./FormProvider.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__ from "./FormTimeInput.js";
-function FormCalendar({ field, valueMode, emptyValue, component: Calendar2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.Calendar, ...rest }) {
+function FormCalendar({ field, valueMode, emptyValue, dateMode, component: Calendar2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.Calendar, ...rest }) {
     const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.FormContext);
     emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Calendar2, {
-        focusedValue: (0, __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__.getFieldValue)(field),
+        focusedValue: (0, __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__.getFieldValue)(field, dateMode),
         onFocusChange: (0, __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__.getOnChange)({
             field,
             valueMode,

package/dist/components/FormCheckbox.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { As, CheckboxProps, MergeWithAs } from "@heroui/react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Field } from "soda-tanstack-form";
 export type FormCheckboxProps<FieldValue extends boolean | null | undefined = boolean | null | undefined, AsComponent extends As = "input"> = MergeWithAs<ComponentPropsWithoutRef<"input">, ComponentPropsWithoutRef<AsComponent>, CheckboxProps, AsComponent> & {
     field: Field<FieldValue>;

package/dist/components/FormCheckboxGroup.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { As, CheckboxGroupProps, MergeWithAs } from "@heroui/react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Field } from "soda-tanstack-form";
 export type FormCheckboxGroupProps<FieldValue extends string[] | null | undefined = string[] | null | undefined, AsComponent extends As = "div"> = MergeWithAs<ComponentPropsWithoutRef<"div">, ComponentPropsWithoutRef<AsComponent>, CheckboxGroupProps, AsComponent> & {
     field: Field<FieldValue>;

package/dist/components/FormDateInput.cjs

@@ -28,16 +28,16 @@ __webpack_require__.d(__webpack_exports__, {
     FormDateInput: ()=>FormDateInput
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
+const external_react_namespaceObject = require("react");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
 const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
 const external_FormTimeInput_cjs_namespaceObject = require("./FormTimeInput.cjs");
-function FormDateInput({ field, valueMode, emptyValue, component: DateInput2 = react_namespaceObject.DateInput, ...rest }) {
+function FormDateInput({ field, valueMode, emptyValue, dateMode, component: DateInput2 = react_namespaceObject.DateInput, ...rest }) {
     const context = (0, external_react_namespaceObject.useContext)(external_FormProvider_cjs_namespaceObject.FormContext);
     emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DateInput2, {
-        value: (0, external_FormTimeInput_cjs_namespaceObject.getFieldValue)(field),
+        value: (0, external_FormTimeInput_cjs_namespaceObject.getFieldValue)(field, dateMode),
         onChange: (0, external_FormTimeInput_cjs_namespaceObject.getOnChange)({
             field,
             valueMode,

package/dist/components/FormDateInput.d.ts

@@ -1,12 +1,14 @@
-import { ReactNode } from "react";
 import { DateInput, DateInputProps, DateValue } from "@heroui/react";
+import { ReactNode } from "react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
+import { DateMode } from "../utils/parseTime";
 import { EmptyValue } from "./FormProvider";
 import { TimeValueMode, TimeValueModeMap } from "./FormTimeInput";
 export interface FormDateInputProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined> extends StrictOmit<FieldComponentProps<typeof DateInput, FieldValue>, never> {
     valueMode?: ValueMode;
     emptyValue?: EmptyValue;
+    dateMode?: DateMode;
     component?: <T extends DateValue>(props: DateInputProps<T>) => ReactNode;
 }
-export declare function FormDateInput<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined>({ field, valueMode, emptyValue, component: DateInput2, ...rest }: FormDateInputProps<ValueMode, FieldValue>): ReactNode;
+export declare function FormDateInput<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined>({ field, valueMode, emptyValue, dateMode, component: DateInput2, ...rest }: FormDateInputProps<ValueMode, FieldValue>): ReactNode;

package/dist/components/FormDateInput.js

@@ -1,15 +1,15 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__ from "./FormProvider.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__ from "./FormTimeInput.js";
-function FormDateInput({ field, valueMode, emptyValue, component: DateInput2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.DateInput, ...rest }) {
+function FormDateInput({ field, valueMode, emptyValue, dateMode, component: DateInput2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.DateInput, ...rest }) {
     const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.FormContext);
     emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DateInput2, {
-        value: (0, __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__.getFieldValue)(field),
+        value: (0, __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__.getFieldValue)(field, dateMode),
         onChange: (0, __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__.getOnChange)({
             field,
             valueMode,

package/dist/components/FormDatePicker.cjs

@@ -28,16 +28,16 @@ __webpack_require__.d(__webpack_exports__, {
     FormDatePicker: ()=>FormDatePicker
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
+const external_react_namespaceObject = require("react");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
 const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
 const external_FormTimeInput_cjs_namespaceObject = require("./FormTimeInput.cjs");
-function FormDatePicker({ field, valueMode, emptyValue, component: DatePicker2 = react_namespaceObject.DatePicker, ...rest }) {
+function FormDatePicker({ field, valueMode, emptyValue, dateMode, component: DatePicker2 = react_namespaceObject.DatePicker, ...rest }) {
     const context = (0, external_react_namespaceObject.useContext)(external_FormProvider_cjs_namespaceObject.FormContext);
     emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DatePicker2, {
-        value: (0, external_FormTimeInput_cjs_namespaceObject.getFieldValue)(field),
+        value: (0, external_FormTimeInput_cjs_namespaceObject.getFieldValue)(field, dateMode),
         onChange: (0, external_FormTimeInput_cjs_namespaceObject.getOnChange)({
             field,
             valueMode,

package/dist/components/FormDatePicker.d.ts

@@ -1,12 +1,14 @@
-import { ReactNode } from "react";
 import { DatePicker, DatePickerProps, DateValue } from "@heroui/react";
+import { ReactNode } from "react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
+import { DateMode } from "../utils/parseTime";
 import { EmptyValue } from "./FormProvider";
 import { TimeValueMode, TimeValueModeMap } from "./FormTimeInput";
 export interface FormDatePickerProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined> extends StrictOmit<FieldComponentProps<typeof DatePicker, FieldValue>, never> {
     valueMode?: ValueMode;
     emptyValue?: EmptyValue;
+    dateMode?: DateMode;
     component?: <T extends DateValue>(props: DatePickerProps<T>) => ReactNode;
 }
-export declare function FormDatePicker<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined>({ field, valueMode, emptyValue, component: DatePicker2, ...rest }: FormDatePickerProps<ValueMode, FieldValue>): ReactNode;
+export declare function FormDatePicker<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined>({ field, valueMode, emptyValue, dateMode, component: DatePicker2, ...rest }: FormDatePickerProps<ValueMode, FieldValue>): ReactNode;

package/dist/components/FormDatePicker.js

@@ -1,15 +1,15 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__ from "./FormProvider.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__ from "./FormTimeInput.js";
-function FormDatePicker({ field, valueMode, emptyValue, component: DatePicker2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.DatePicker, ...rest }) {
+function FormDatePicker({ field, valueMode, emptyValue, dateMode, component: DatePicker2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.DatePicker, ...rest }) {
     const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.FormContext);
     emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DatePicker2, {
-        value: (0, __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__.getFieldValue)(field),
+        value: (0, __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__.getFieldValue)(field, dateMode),
         onChange: (0, __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__.getOnChange)({
             field,
             valueMode,

package/dist/components/FormDateRangePicker.cjs

@@ -28,17 +28,17 @@ __webpack_require__.d(__webpack_exports__, {
     FormDateRangePicker: ()=>FormDateRangePicker
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
+const external_react_namespaceObject = require("react");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
 const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
 const external_FormRangeCalendar_cjs_namespaceObject = require("./FormRangeCalendar.cjs");
-function FormDateRangePicker({ field: _field, valueMode, emptyValue, component: DateRangePicker2 = react_namespaceObject.DateRangePicker, ...rest }) {
+function FormDateRangePicker({ field: _field, valueMode, emptyValue, dateMode, component: DateRangePicker2 = react_namespaceObject.DateRangePicker, ...rest }) {
     const field = _field;
     const context = (0, external_react_namespaceObject.useContext)(external_FormProvider_cjs_namespaceObject.FormContext);
     emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DateRangePicker2, {
-        value: (0, external_FormRangeCalendar_cjs_namespaceObject.getFieldRangeValue)(field),
+        value: (0, external_FormRangeCalendar_cjs_namespaceObject.getFieldRangeValue)(field, dateMode),
         onChange: (0, external_FormRangeCalendar_cjs_namespaceObject.getOnRangeChange)({
             field,
             valueMode,

package/dist/components/FormDateRangePicker.d.ts

@@ -1,12 +1,14 @@
-import { ReactNode } from "react";
 import { DateRangePicker, DateRangePickerProps, DateValue } from "@heroui/react";
+import { ReactNode } from "react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
+import { DateMode } from "../utils/parseTime";
 import { EmptyValue } from "./FormProvider";
 import { TimeValueMode, TimeValueModeMap } from "./FormTimeInput";
 export interface FormDateRangePickerProps<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined> extends StrictOmit<FieldComponentProps<typeof DateRangePicker, FieldValue>, never> {
     valueMode?: ValueMode;
     emptyValue?: EmptyValue;
+    dateMode?: DateMode;
     component?: <T extends DateValue>(props: DateRangePickerProps<T>) => ReactNode;
 }
-export declare function FormDateRangePicker<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined>({ field: _field, valueMode, emptyValue, component: DateRangePicker2, ...rest }: FormDateRangePickerProps<ValueMode, FieldValue>): ReactNode;
+export declare function FormDateRangePicker<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined>({ field: _field, valueMode, emptyValue, dateMode, component: DateRangePicker2, ...rest }: FormDateRangePickerProps<ValueMode, FieldValue>): ReactNode;

package/dist/components/FormDateRangePicker.js

@@ -1,16 +1,16 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__ from "./FormProvider.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FormRangeCalendar_js_70d23bc2__ from "./FormRangeCalendar.js";
-function FormDateRangePicker({ field: _field, valueMode, emptyValue, component: DateRangePicker2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.DateRangePicker, ...rest }) {
+function FormDateRangePicker({ field: _field, valueMode, emptyValue, dateMode, component: DateRangePicker2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.DateRangePicker, ...rest }) {
     const field = _field;
     const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.FormContext);
     emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DateRangePicker2, {
-        value: (0, __WEBPACK_EXTERNAL_MODULE__FormRangeCalendar_js_70d23bc2__.getFieldRangeValue)(field),
+        value: (0, __WEBPACK_EXTERNAL_MODULE__FormRangeCalendar_js_70d23bc2__.getFieldRangeValue)(field, dateMode),
         onChange: (0, __WEBPACK_EXTERNAL_MODULE__FormRangeCalendar_js_70d23bc2__.getOnRangeChange)({
             field,
             valueMode,

package/dist/components/FormInput.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { As, InputProps, MergeWithAs } from "@heroui/react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Field } from "soda-tanstack-form";
 export type FormInputProps<FieldValue extends string | null | undefined = string | null | undefined, AsComponent extends As = "input"> = MergeWithAs<ComponentPropsWithoutRef<"input">, ComponentPropsWithoutRef<AsComponent>, InputProps, AsComponent> & {
     field: Field<FieldValue>;

package/dist/components/FormInputOtp.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { As, InputOtpProps, MergeWithAs } from "@heroui/react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Field } from "soda-tanstack-form";
 export type FormInputOtpProps<FieldValue extends string | null | undefined = string | null | undefined, AsComponent extends As = "input"> = MergeWithAs<ComponentPropsWithoutRef<"input">, ComponentPropsWithoutRef<AsComponent>, InputOtpProps, AsComponent> & {
     field: Field<FieldValue>;

package/dist/components/FormNumberInput.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { As, MergeWithAs, NumberInputProps } from "@heroui/react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Field } from "soda-tanstack-form";
 export type FormNumberInputProps<FieldValue extends number | null | undefined = number | null | undefined, AsComponent extends As = "input"> = MergeWithAs<ComponentPropsWithoutRef<"input">, ComponentPropsWithoutRef<AsComponent>, NumberInputProps, AsComponent> & {
     field: Field<FieldValue>;

package/dist/components/FormPagination.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { As, MergeWithAs, PaginationProps } from "@heroui/react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Field } from "soda-tanstack-form";
 export type FormPaginationProps<FieldValue extends number | null | undefined = number | null | undefined, AsComponent extends As = "nav"> = MergeWithAs<ComponentPropsWithoutRef<"nav">, ComponentPropsWithoutRef<AsComponent>, PaginationProps, AsComponent> & {
     field: Field<FieldValue>;

package/dist/components/FormProvider.cjs

@@ -30,8 +30,8 @@ __webpack_require__.d(__webpack_exports__, {
     FormContext: ()=>FormContext
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_react_namespaceObject = require("react");
 function getEmptyValue(value) {
     return "undefined" === value ? void 0 : null;
 }

package/dist/components/FormProvider.js

@@ -1,7 +1,7 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 function getEmptyValue(value) {
     return "undefined" === value ? void 0 : null;
 }

package/dist/components/FormRadioGroup.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { As, MergeWithAs, RadioGroupProps } from "@heroui/react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Field } from "soda-tanstack-form";
 export type FormRadioGroupProps<FieldValue extends string | null | undefined = string | null | undefined, AsComponent extends As = "div"> = MergeWithAs<ComponentPropsWithoutRef<"div">, ComponentPropsWithoutRef<AsComponent>, RadioGroupProps, AsComponent> & {
     field: Field<FieldValue>;

package/dist/components/FormRangeCalendar.cjs

@@ -32,21 +32,21 @@ __webpack_require__.d(__webpack_exports__, {
     getOnRangeChange: ()=>getOnRangeChange
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
-const getTimeValue_cjs_namespaceObject = require("../utils/getTimeValue.cjs");
+const external_react_namespaceObject = require("react");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
+const getTimeValue_cjs_namespaceObject = require("../utils/getTimeValue.cjs");
 const parseTime_cjs_namespaceObject = require("../utils/parseTime.cjs");
 const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
-function getRangeValue(value) {
+function getRangeValue(value, dateMode) {
     return (0, external_deepsea_tools_namespaceObject.isNonNullable)(value) ? {
-        start: (0, parseTime_cjs_namespaceObject.parseTime)(value[0].valueOf()),
-        end: (0, parseTime_cjs_namespaceObject.parseTime)(value[1].valueOf())
+        start: (0, parseTime_cjs_namespaceObject.parseTime)(value[0].valueOf(), dateMode),
+        end: (0, parseTime_cjs_namespaceObject.parseTime)(value[1].valueOf(), dateMode)
     } : null;
 }
-function getFieldRangeValue(field) {
-    return getRangeValue(field.state.value);
+function getFieldRangeValue(field, dateMode) {
+    return getRangeValue(field.state.value, dateMode);
 }
 function getRangeUpdater({ value, valueMode, emptyValue }) {
     if (!(0, external_deepsea_tools_namespaceObject.isNonNullable)(value)) return (0, external_FormProvider_cjs_namespaceObject.getEmptyValue)(emptyValue);
@@ -71,12 +71,12 @@ function getOnRangeChange({ field, valueMode, emptyValue }) {
         }));
     };
 }
-function FormRangeCalendar({ field: _field, valueMode, emptyValue, component: RangeCalendar2 = react_namespaceObject.RangeCalendar, ...rest }) {
+function FormRangeCalendar({ field: _field, valueMode, emptyValue, dateMode, component: RangeCalendar2 = react_namespaceObject.RangeCalendar, ...rest }) {
     const field = _field;
     const context = (0, external_react_namespaceObject.useContext)(external_FormProvider_cjs_namespaceObject.FormContext);
     emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(RangeCalendar2, {
-        value: getFieldRangeValue(field),
+        value: getFieldRangeValue(field, dateMode),
         onChange: getOnRangeChange({
             field,
             valueMode,

package/dist/components/FormRangeCalendar.d.ts

@@ -1,16 +1,18 @@
-import { ReactNode, SetStateAction } from "react";
 import { DateValue, RangeCalendar, RangeCalendarProps, RangeValue } from "@heroui/react";
+import { ReactNode, SetStateAction } from "react";
 import { Field, FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
+import { DateMode } from "../utils/parseTime";
 import { EmptyValue } from "./FormProvider";
 import { TimeValueMode, TimeValueModeMap } from "./FormTimeInput";
 export interface FormRangeCalendarProps<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined> extends StrictOmit<FieldComponentProps<typeof RangeCalendar, FieldValue>, never> {
     valueMode?: ValueMode;
     emptyValue?: EmptyValue;
+    dateMode?: DateMode;
     component?: <T extends DateValue>(props: RangeCalendarProps<T>) => ReactNode;
 }
-export declare function getRangeValue(value: [Date, Date] | [number, number] | null | undefined): RangeValue<DateValue> | null;
-export declare function getFieldRangeValue<T extends [Date, Date] | [number, number] | null | undefined>(field: Field<T>): RangeValue<DateValue> | null;
+export declare function getRangeValue<T extends DateMode>(value: [Date, Date] | [number, number] | null | undefined, dateMode?: T): RangeValue<DateValue> | null;
+export declare function getFieldRangeValue<T extends [Date, Date] | [number, number] | null | undefined, P extends DateMode>(field: Field<T>, dateMode?: P): RangeValue<DateValue> | null;
 export interface GetRangeUpdaterParams {
     value: RangeValue<DateValue> | null;
     valueMode?: TimeValueMode;
@@ -23,4 +25,4 @@ export interface GetOnRangeChangeParams<T extends [Date, Date] | [number, number
     emptyValue?: EmptyValue;
 }
 export declare function getOnRangeChange<T extends [Date, Date] | [number, number] | null | undefined>({ field, valueMode, emptyValue }: GetOnRangeChangeParams<T>): (value: RangeValue<DateValue> | null) => void;
-export declare function FormRangeCalendar<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined>({ field: _field, valueMode, emptyValue, component: RangeCalendar2, ...rest }: FormRangeCalendarProps<ValueMode, FieldValue>): ReactNode;
+export declare function FormRangeCalendar<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined>({ field: _field, valueMode, emptyValue, dateMode, component: RangeCalendar2, ...rest }: FormRangeCalendarProps<ValueMode, FieldValue>): ReactNode;

package/dist/components/FormRangeCalendar.js

@@ -1,20 +1,20 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
 import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_getTimeValue_js_9ba8f683__ from "../utils/getTimeValue.js";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_getTimeValue_js_9ba8f683__ from "../utils/getTimeValue.js";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_parseTime_js_d0890db8__ from "../utils/parseTime.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__ from "./FormProvider.js";
-function getRangeValue(value) {
+function getRangeValue(value, dateMode) {
     return (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.isNonNullable)(value) ? {
-        start: (0, __WEBPACK_EXTERNAL_MODULE__utils_parseTime_js_d0890db8__.parseTime)(value[0].valueOf()),
-        end: (0, __WEBPACK_EXTERNAL_MODULE__utils_parseTime_js_d0890db8__.parseTime)(value[1].valueOf())
+        start: (0, __WEBPACK_EXTERNAL_MODULE__utils_parseTime_js_d0890db8__.parseTime)(value[0].valueOf(), dateMode),
+        end: (0, __WEBPACK_EXTERNAL_MODULE__utils_parseTime_js_d0890db8__.parseTime)(value[1].valueOf(), dateMode)
     } : null;
 }
-function getFieldRangeValue(field) {
-    return getRangeValue(field.state.value);
+function getFieldRangeValue(field, dateMode) {
+    return getRangeValue(field.state.value, dateMode);
 }
 function getRangeUpdater({ value, valueMode, emptyValue }) {
     if (!(0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.isNonNullable)(value)) return (0, __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.getEmptyValue)(emptyValue);
@@ -39,12 +39,12 @@ function getOnRangeChange({ field, valueMode, emptyValue }) {
         }));
     };
 }
-function FormRangeCalendar({ field: _field, valueMode, emptyValue, component: RangeCalendar2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.RangeCalendar, ...rest }) {
+function FormRangeCalendar({ field: _field, valueMode, emptyValue, dateMode, component: RangeCalendar2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.RangeCalendar, ...rest }) {
     const field = _field;
     const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.FormContext);
     emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(RangeCalendar2, {
-        value: getFieldRangeValue(field),
+        value: getFieldRangeValue(field, dateMode),
         onChange: getOnRangeChange({
             field,
             valueMode,

package/dist/components/FormSelect.cjs

@@ -28,9 +28,9 @@ __webpack_require__.d(__webpack_exports__, {
     FormSelect: ()=>FormSelect
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_react_namespaceObject = require("react");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
 const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
 function FormSelect({ field, multiple, emptyValue, component: Select2 = react_namespaceObject.Select, ...rest }) {

package/dist/components/FormSelect.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from "react";
 import { Select, SelectProps } from "@heroui/react";
 import { Key } from "@react-types/shared";
+import { ReactNode } from "react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
 import { EmptyValue } from "./FormProvider";

package/dist/components/FormSelect.js

@@ -1,8 +1,8 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
 import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__ from "./FormProvider.js";
 function FormSelect({ field, multiple, emptyValue, component: Select2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.Select, ...rest }) {

package/dist/components/FormSwitch.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { As, MergeWithAs, SwitchProps } from "@heroui/react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Field } from "soda-tanstack-form";
 export type FormSwitchProps<FieldValue extends boolean | null | undefined = boolean | null | undefined, AsComponent extends As = "input"> = MergeWithAs<ComponentPropsWithoutRef<"input">, ComponentPropsWithoutRef<AsComponent>, SwitchProps, AsComponent> & {
     field: Field<FieldValue>;

package/dist/components/FormTextarea.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { As, MergeWithAs, TextAreaProps } from "@heroui/react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Field } from "soda-tanstack-form";
 export type FormTextareaProps<FieldValue extends string | null | undefined = string | null | undefined, AsComponent extends As = "textarea"> = MergeWithAs<ComponentPropsWithoutRef<"input">, ComponentPropsWithoutRef<AsComponent>, TextAreaProps, AsComponent> & {
     field: Field<FieldValue>;

package/dist/components/FormTimeInput.cjs

@@ -32,18 +32,18 @@ __webpack_require__.d(__webpack_exports__, {
     getValue: ()=>getValue
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_react_namespaceObject = require("react");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
 const getTimeValue_cjs_namespaceObject = require("../utils/getTimeValue.cjs");
 const parseTime_cjs_namespaceObject = require("../utils/parseTime.cjs");
 const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
-function getValue(value) {
-    return (0, external_deepsea_tools_namespaceObject.isNonNullable)(value) ? (0, parseTime_cjs_namespaceObject.parseTime)(value.valueOf()) : null;
+function getValue(value, parseMode) {
+    return (0, external_deepsea_tools_namespaceObject.isNonNullable)(value) ? (0, parseTime_cjs_namespaceObject.parseTime)(value.valueOf(), parseMode) : null;
 }
-function getFieldValue(field) {
-    return getValue(field.state.value);
+function getFieldValue(field, parseMode) {
+    return getValue(field.state.value, parseMode);
 }
 function getUpdater({ value, valueMode, emptyValue }) {
     const timestamp = (0, getTimeValue_cjs_namespaceObject.getTimeValue)(value);
@@ -60,11 +60,11 @@ function getOnChange({ field, valueMode, emptyValue }) {
         }));
     };
 }
-function FormTimeInput({ field, valueMode, emptyValue, component: TimeInput2 = react_namespaceObject.TimeInput, ...rest }) {
+function FormTimeInput({ field, valueMode, emptyValue, timeMode, component: TimeInput2 = react_namespaceObject.TimeInput, ...rest }) {
     const context = (0, external_react_namespaceObject.useContext)(external_FormProvider_cjs_namespaceObject.FormContext);
     emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TimeInput2, {
-        value: getFieldValue(field),
+        value: getFieldValue(field, timeMode),
         onChange: getOnChange({
             field,
             valueMode,

package/dist/components/FormTimeInput.d.ts

@@ -1,8 +1,9 @@
-import { ReactNode, SetStateAction } from "react";
 import { TimeInput, TimeInputProps } from "@heroui/react";
 import { CalendarDate, CalendarDateTime, Time, ZonedDateTime } from "@internationalized/date";
+import { ReactNode, SetStateAction } from "react";
 import { Field, FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
+import { ParseMode, TimeMode } from "../utils/parseTime";
 import { EmptyValue } from "./FormProvider";
 export type TimeValue = Date | number;
 export type TimeValueMode = "date" | "timestamp";
@@ -10,10 +11,11 @@ export type TimeValueModeMap<ValueMode extends TimeValueMode> = ValueMode extend
 export interface FormTimeInputProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined> extends StrictOmit<FieldComponentProps<typeof TimeInput, FieldValue>, never> {
     valueMode?: ValueMode;
     emptyValue?: EmptyValue;
+    timeMode?: TimeMode;
     component?: <T extends Time | CalendarDateTime | ZonedDateTime>(props: TimeInputProps<T>) => ReactNode;
 }
-export declare function getValue(value: Date | number | null | undefined): ZonedDateTime | null;
-export declare function getFieldValue<T extends Date | number | null | undefined>(field: Field<T>): ZonedDateTime | null;
+export declare function getValue<T extends ParseMode>(value: Date | number | null | undefined, parseMode?: T): InstanceType<T> | null;
+export declare function getFieldValue<T extends Date | number | null | undefined, P extends ParseMode>(field: Field<T>, parseMode?: P): InstanceType<P> | null;
 export interface GetUpdaterParams {
     value: CalendarDateTime | ZonedDateTime | Time | CalendarDate | CalendarDateTime | ZonedDateTime | null;
     valueMode?: TimeValueMode;
@@ -26,4 +28,4 @@ export interface GetOnChangeParams<T extends Date | number | null | undefined> {
     emptyValue?: EmptyValue;
 }
 export declare function getOnChange<T extends Date | number | null | undefined>({ field, valueMode, emptyValue }: GetOnChangeParams<T>): (value: CalendarDateTime | ZonedDateTime | Time | CalendarDate | CalendarDateTime | ZonedDateTime | null) => void;
-export declare function FormTimeInput<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined>({ field, valueMode, emptyValue, component: TimeInput2, ...rest }: FormTimeInputProps<ValueMode, FieldValue>): ReactNode;
+export declare function FormTimeInput<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined>({ field, valueMode, emptyValue, timeMode, component: TimeInput2, ...rest }: FormTimeInputProps<ValueMode, FieldValue>): ReactNode;