soda-heroui 0.8.8 → 0.9.0

package/dist/components/FormCalendar.cjs

@@ -33,11 +33,11 @@ const react_namespaceObject = require("@heroui/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

@@ -2,11 +2,13 @@ import { ReactNode } from "react";
 import { Calendar, CalendarProps, DateValue } from "@heroui/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

@@ -5,11 +5,11 @@ import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/rea
 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/FormDateInput.cjs

@@ -33,11 +33,11 @@ const react_namespaceObject = require("@heroui/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

@@ -2,11 +2,13 @@ import { ReactNode } from "react";
 import { DateInput, DateInputProps, DateValue } from "@heroui/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

@@ -5,11 +5,11 @@ import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/rea
 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

@@ -33,11 +33,11 @@ const react_namespaceObject = require("@heroui/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

@@ -2,11 +2,13 @@ import { ReactNode } from "react";
 import { DatePicker, DatePickerProps, DateValue } from "@heroui/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

@@ -5,11 +5,11 @@ import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/rea
 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

@@ -33,12 +33,12 @@ const react_namespaceObject = require("@heroui/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

@@ -2,11 +2,13 @@ import { ReactNode } from "react";
 import { DateRangePicker, DateRangePickerProps, DateValue } from "@heroui/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

@@ -5,12 +5,12 @@ import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/rea
 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/FormRangeCalendar.cjs

@@ -35,18 +35,18 @@ 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 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

@@ -2,15 +2,17 @@ import { ReactNode, SetStateAction } from "react";
 import { DateValue, RangeCalendar, RangeCalendarProps, RangeValue } from "@heroui/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

@@ -3,18 +3,18 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/j
 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__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/FormTimeInput.cjs

@@ -39,11 +39,11 @@ 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

@@ -3,6 +3,7 @@ import { TimeInput, TimeInputProps } from "@heroui/react";
 import { CalendarDate, CalendarDateTime, Time, ZonedDateTime } from "@internationalized/date";
 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;

package/dist/components/FormTimeInput.js

@@ -7,11 +7,11 @@ import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from ".
 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 getValue(value) {
-    return (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.isNonNullable)(value) ? (0, __WEBPACK_EXTERNAL_MODULE__utils_parseTime_js_d0890db8__.parseTime)(value.valueOf()) : null;
+function getValue(value, parseMode) {
+    return (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.isNonNullable)(value) ? (0, __WEBPACK_EXTERNAL_MODULE__utils_parseTime_js_d0890db8__.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, __WEBPACK_EXTERNAL_MODULE__utils_getTimeValue_js_9ba8f683__.getTimeValue)(value);
@@ -28,11 +28,11 @@ function getOnChange({ field, valueMode, emptyValue }) {
         }));
     };
 }
-function FormTimeInput({ field, valueMode, emptyValue, component: TimeInput2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.TimeInput, ...rest }) {
+function FormTimeInput({ field, valueMode, emptyValue, timeMode, component: TimeInput2 = __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.TimeInput, ...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)(TimeInput2, {
-        value: getFieldValue(field),
+        value: getFieldValue(field, timeMode),
         onChange: getOnChange({
             field,
             valueMode,

package/dist/utils/parseTime.cjs

@@ -24,14 +24,43 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    parseTime: ()=>parseTime
+    fromAbsolute: ()=>date_namespaceObject.fromAbsolute,
+    Time: ()=>date_namespaceObject.Time,
+    getLocalTimeZone: ()=>date_namespaceObject.getLocalTimeZone,
+    parseTime: ()=>parseTime,
+    CalendarDateTime: ()=>date_namespaceObject.CalendarDateTime,
+    ZonedDateTime: ()=>date_namespaceObject.ZonedDateTime,
+    CalendarDate: ()=>date_namespaceObject.CalendarDate
 });
 const date_namespaceObject = require("@internationalized/date");
-function parseTime(ms) {
-    return (0, date_namespaceObject.fromAbsolute)(ms, (0, date_namespaceObject.getLocalTimeZone)());
+function parseTime(ms, type) {
+    if (type === date_namespaceObject.ZonedDateTime) return (0, date_namespaceObject.fromAbsolute)(ms, (0, date_namespaceObject.getLocalTimeZone)());
+    const date = new Date(ms);
+    const year = date.getFullYear();
+    const month = date.getMonth();
+    const day = date.getDate();
+    const hour = date.getHours();
+    const minute = date.getMinutes();
+    const second = date.getSeconds();
+    const millisecond = date.getMilliseconds();
+    if (type === date_namespaceObject.CalendarDate) return new date_namespaceObject.CalendarDate(year, month, day);
+    if (type === date_namespaceObject.Time) return new date_namespaceObject.Time(hour, minute, second, millisecond);
+    return new date_namespaceObject.CalendarDateTime(year, month, day, hour, minute, second, millisecond);
 }
+exports.CalendarDate = __webpack_exports__.CalendarDate;
+exports.CalendarDateTime = __webpack_exports__.CalendarDateTime;
+exports.Time = __webpack_exports__.Time;
+exports.ZonedDateTime = __webpack_exports__.ZonedDateTime;
+exports.fromAbsolute = __webpack_exports__.fromAbsolute;
+exports.getLocalTimeZone = __webpack_exports__.getLocalTimeZone;
 exports.parseTime = __webpack_exports__.parseTime;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "CalendarDate",
+    "CalendarDateTime",
+    "Time",
+    "ZonedDateTime",
+    "fromAbsolute",
+    "getLocalTimeZone",
     "parseTime"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {

package/dist/utils/parseTime.d.ts

@@ -1,2 +1,6 @@
-import { ZonedDateTime } from "@internationalized/date";
-export declare function parseTime(ms: number): ZonedDateTime;
+import { CalendarDate, CalendarDateTime, Time, ZonedDateTime } from "@internationalized/date";
+export { CalendarDate, CalendarDateTime, Time, ZonedDateTime, fromAbsolute, getLocalTimeZone } from "@internationalized/date";
+export type ParseMode = typeof ZonedDateTime | typeof CalendarDate | typeof CalendarDateTime | typeof Time;
+export type TimeMode = Exclude<ParseMode, typeof CalendarDate>;
+export type DateMode = Exclude<ParseMode, typeof Time>;
+export declare function parseTime<T extends ParseMode = typeof CalendarDateTime>(ms: number, type?: T): InstanceType<T>;

package/dist/utils/parseTime.js

@@ -1,5 +1,22 @@
 import * as __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__ from "@internationalized/date";
-function parseTime(ms) {
-    return (0, __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.fromAbsolute)(ms, (0, __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.getLocalTimeZone)());
+function parseTime(ms, type) {
+    if (type === __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.ZonedDateTime) return (0, __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.fromAbsolute)(ms, (0, __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.getLocalTimeZone)());
+    const date = new Date(ms);
+    const year = date.getFullYear();
+    const month = date.getMonth();
+    const day = date.getDate();
+    const hour = date.getHours();
+    const minute = date.getMinutes();
+    const second = date.getSeconds();
+    const millisecond = date.getMilliseconds();
+    if (type === __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.CalendarDate) return new __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.CalendarDate(year, month, day);
+    if (type === __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.Time) return new __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.Time(hour, minute, second, millisecond);
+    return new __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.CalendarDateTime(year, month, day, hour, minute, second, millisecond);
 }
-export { parseTime };
+var __webpack_exports__CalendarDate = __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.CalendarDate;
+var __webpack_exports__CalendarDateTime = __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.CalendarDateTime;
+var __webpack_exports__Time = __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.Time;
+var __webpack_exports__ZonedDateTime = __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.ZonedDateTime;
+var __webpack_exports__fromAbsolute = __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.fromAbsolute;
+var __webpack_exports__getLocalTimeZone = __WEBPACK_EXTERNAL_MODULE__internationalized_date_00f69a87__.getLocalTimeZone;
+export { parseTime, __webpack_exports__CalendarDate as CalendarDate, __webpack_exports__CalendarDateTime as CalendarDateTime, __webpack_exports__Time as Time, __webpack_exports__ZonedDateTime as ZonedDateTime, __webpack_exports__fromAbsolute as fromAbsolute, __webpack_exports__getLocalTimeZone as getLocalTimeZone };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "soda-heroui",
-  "version": "0.8.8",
+  "version": "0.9.0",
   "description": "",
   "type": "module",
   "exports": {
@@ -39,8 +39,8 @@
     "@tanstack/react-form": "^1.14.1",
     "deepsea-tools": "5.38.2",
     "soda-type": "6.3.0",
-    "soda-hooks": "6.12.0",
-    "soda-tanstack-form": "0.2.2"
+    "soda-tanstack-form": "0.2.3",
+    "soda-hooks": "6.12.0"
   },
   "devDependencies": {
     "@ianvs/prettier-plugin-sort-imports": "^4.5.1",

package/src/components/FormCalendar.tsx

@@ -5,7 +5,9 @@ import { Calendar, CalendarProps, DateValue } from "@heroui/react"
 import { FieldComponentProps } from "soda-tanstack-form"
 import { StrictOmit } from "soda-type"
 
-import { getFieldProps } from "../utils/getFieldProps"
+import { getFieldProps } from "@/utils/getFieldProps"
+import { DateMode } from "@/utils/parseTime"
+
 import { EmptyValue, FormContext } from "./FormProvider"
 import { TimeValueMode, TimeValueModeMap, getFieldValue, getOnChange } from "./FormTimeInput"
 
@@ -15,15 +17,23 @@ export interface FormCalendarProps<
 > extends StrictOmit<FieldComponentProps<typeof Calendar, FieldValue>, never> {
     valueMode?: ValueMode
     emptyValue?: EmptyValue
+    dateMode?: DateMode
     component?: <T extends DateValue>(props: CalendarProps<T>) => ReactNode
 }
 
 export function FormCalendar<
     ValueMode extends TimeValueMode = "date",
     FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined,
->({ field, valueMode, emptyValue, component: Calendar2 = Calendar, ...rest }: FormCalendarProps<ValueMode, FieldValue>): ReactNode {
+>({ field, valueMode, emptyValue, dateMode, component: Calendar2 = Calendar, ...rest }: FormCalendarProps<ValueMode, FieldValue>): ReactNode {
     const context = useContext(FormContext)
     emptyValue ??= context.emptyValue
 
-    return <Calendar2 focusedValue={getFieldValue(field)} onFocusChange={getOnChange({ field, valueMode, emptyValue })} {...getFieldProps(field)} {...rest} />
+    return (
+        <Calendar2
+            focusedValue={getFieldValue(field, dateMode)}
+            onFocusChange={getOnChange({ field, valueMode, emptyValue })}
+            {...getFieldProps(field)}
+            {...rest}
+        />
+    )
 }

package/src/components/FormDateInput.tsx

@@ -5,7 +5,9 @@ import { DateInput, DateInputProps, DateValue } from "@heroui/react"
 import { FieldComponentProps } from "soda-tanstack-form"
 import { StrictOmit } from "soda-type"
 
-import { getFieldProps } from "../utils/getFieldProps"
+import { getFieldProps } from "@/utils/getFieldProps"
+import { DateMode } from "@/utils/parseTime"
+
 import { EmptyValue, FormContext } from "./FormProvider"
 import { TimeValueMode, TimeValueModeMap, getFieldValue, getOnChange } from "./FormTimeInput"
 
@@ -15,15 +17,16 @@ export interface FormDateInputProps<
 > extends StrictOmit<FieldComponentProps<typeof DateInput, FieldValue>, never> {
     valueMode?: ValueMode
     emptyValue?: EmptyValue
+    dateMode?: DateMode
     component?: <T extends DateValue>(props: DateInputProps<T>) => ReactNode
 }
 
 export function FormDateInput<
     ValueMode extends TimeValueMode = "date",
     FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined,
->({ field, valueMode, emptyValue, component: DateInput2 = DateInput, ...rest }: FormDateInputProps<ValueMode, FieldValue>): ReactNode {
+>({ field, valueMode, emptyValue, dateMode, component: DateInput2 = DateInput, ...rest }: FormDateInputProps<ValueMode, FieldValue>): ReactNode {
     const context = useContext(FormContext)
     emptyValue ??= context.emptyValue
 
-    return <DateInput2 value={getFieldValue(field)} onChange={getOnChange({ field, valueMode, emptyValue })} {...getFieldProps(field)} {...rest} />
+    return <DateInput2 value={getFieldValue(field, dateMode)} onChange={getOnChange({ field, valueMode, emptyValue })} {...getFieldProps(field)} {...rest} />
 }

package/src/components/FormDatePicker.tsx

@@ -5,6 +5,8 @@ import { DatePicker, DatePickerProps, DateValue } from "@heroui/react"
 import { FieldComponentProps } from "soda-tanstack-form"
 import { StrictOmit } from "soda-type"
 
+import { DateMode, TimeMode } from "@/utils/parseTime"
+
 import { getFieldProps } from "../utils/getFieldProps"
 import { EmptyValue, FormContext } from "./FormProvider"
 import { TimeValueMode, TimeValueModeMap, getFieldValue, getOnChange } from "./FormTimeInput"
@@ -15,15 +17,16 @@ export interface FormDatePickerProps<
 > extends StrictOmit<FieldComponentProps<typeof DatePicker, FieldValue>, never> {
     valueMode?: ValueMode
     emptyValue?: EmptyValue
+    dateMode?: DateMode
     component?: <T extends DateValue>(props: DatePickerProps<T>) => ReactNode
 }
 
 export function FormDatePicker<
     ValueMode extends TimeValueMode = "date",
     FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined,
->({ field, valueMode, emptyValue, component: DatePicker2 = DatePicker, ...rest }: FormDatePickerProps<ValueMode, FieldValue>): ReactNode {
+>({ field, valueMode, emptyValue, dateMode, component: DatePicker2 = DatePicker, ...rest }: FormDatePickerProps<ValueMode, FieldValue>): ReactNode {
     const context = useContext(FormContext)
     emptyValue ??= context.emptyValue
 
-    return <DatePicker2 value={getFieldValue(field)} onChange={getOnChange({ field, valueMode, emptyValue })} {...getFieldProps(field)} {...rest} />
+    return <DatePicker2 value={getFieldValue(field, dateMode)} onChange={getOnChange({ field, valueMode, emptyValue })} {...getFieldProps(field)} {...rest} />
 }

package/src/components/FormDateRangePicker.tsx

@@ -6,6 +6,7 @@ import { Field, FieldComponentProps } from "soda-tanstack-form"
 import { StrictOmit } from "soda-type"
 
 import { getFieldProps } from "../utils/getFieldProps"
+import { DateMode } from "../utils/parseTime"
 import { EmptyValue, FormContext } from "./FormProvider"
 import { getFieldRangeValue, getOnRangeChange } from "./FormRangeCalendar"
 import { TimeValueMode, TimeValueModeMap } from "./FormTimeInput"
@@ -19,6 +20,7 @@ export interface FormDateRangePickerProps<
 > extends StrictOmit<FieldComponentProps<typeof DateRangePicker, FieldValue>, never> {
     valueMode?: ValueMode
     emptyValue?: EmptyValue
+    dateMode?: DateMode
     component?: <T extends DateValue>(props: DateRangePickerProps<T>) => ReactNode
 }
 
@@ -32,6 +34,7 @@ export function FormDateRangePicker<
     field: _field,
     valueMode,
     emptyValue,
+    dateMode,
     component: DateRangePicker2 = DateRangePicker,
     ...rest
 }: FormDateRangePickerProps<ValueMode, FieldValue>): ReactNode {
@@ -40,6 +43,11 @@ export function FormDateRangePicker<
     emptyValue ??= context.emptyValue
 
     return (
-        <DateRangePicker2 value={getFieldRangeValue(field)} onChange={getOnRangeChange({ field, valueMode, emptyValue })} {...getFieldProps(field)} {...rest} />
+        <DateRangePicker2
+            value={getFieldRangeValue(field, dateMode)}
+            onChange={getOnRangeChange({ field, valueMode, emptyValue })}
+            {...getFieldProps(field)}
+            {...rest}
+        />
     )
 }

package/src/components/FormRangeCalendar.tsx

@@ -6,10 +6,10 @@ import { isNonNullable } from "deepsea-tools"
 import { Field, FieldComponentProps } from "soda-tanstack-form"
 import { StrictOmit } from "soda-type"
 
+import { getFieldProps } from "@/utils/getFieldProps"
 import { getTimeValue } from "@/utils/getTimeValue"
 
-import { getFieldProps } from "../utils/getFieldProps"
-import { parseTime } from "../utils/parseTime"
+import { DateMode, parseTime } from "../utils/parseTime"
 import { EmptyValue, FormContext, getEmptyValue } from "./FormProvider"
 import { TimeValueMode, TimeValueModeMap } from "./FormTimeInput"
 
@@ -22,20 +22,21 @@ export interface FormRangeCalendarProps<
 > extends StrictOmit<FieldComponentProps<typeof RangeCalendar, FieldValue>, never> {
     valueMode?: ValueMode
     emptyValue?: EmptyValue
+    dateMode?: DateMode
     component?: <T extends DateValue>(props: RangeCalendarProps<T>) => ReactNode
 }
 
-export function getRangeValue(value: [Date, Date] | [number, number] | null | undefined): RangeValue<DateValue> | null {
+export function getRangeValue<T extends DateMode>(value: [Date, Date] | [number, number] | null | undefined, dateMode?: T): RangeValue<DateValue> | null {
     return isNonNullable(value)
         ? {
-              start: parseTime(value[0].valueOf()),
-              end: parseTime(value[1].valueOf()),
+              start: parseTime(value[0].valueOf(), dateMode),
+              end: parseTime(value[1].valueOf(), dateMode),
           }
         : null
 }
 
-export function getFieldRangeValue<T extends [Date, Date] | [number, number] | null | undefined>(field: Field<T>) {
-    return getRangeValue(field.state.value)
+export function getFieldRangeValue<T extends [Date, Date] | [number, number] | null | undefined, P extends DateMode>(field: Field<T>, dateMode?: P) {
+    return getRangeValue(field.state.value, dateMode)
 }
 
 export interface GetRangeUpdaterParams {
@@ -76,12 +77,24 @@ export function FormRangeCalendar<
         | [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>]
         | null
         | undefined,
->({ field: _field, valueMode, emptyValue, component: RangeCalendar2 = RangeCalendar, ...rest }: FormRangeCalendarProps<ValueMode, FieldValue>): ReactNode {
+>({
+    field: _field,
+    valueMode,
+    emptyValue,
+    dateMode,
+    component: RangeCalendar2 = RangeCalendar,
+    ...rest
+}: FormRangeCalendarProps<ValueMode, FieldValue>): ReactNode {
     const field = _field as unknown as Field<[Date, Date] | [number, number] | null | undefined>
     const context = useContext(FormContext)
     emptyValue ??= context.emptyValue
 
     return (
-        <RangeCalendar2 value={getFieldRangeValue(field)} onChange={getOnRangeChange({ field, valueMode, emptyValue })} {...getFieldProps(field)} {...rest} />
+        <RangeCalendar2
+            value={getFieldRangeValue(field, dateMode)}
+            onChange={getOnRangeChange({ field, valueMode, emptyValue })}
+            {...getFieldProps(field)}
+            {...rest}
+        />
     )
 }

package/src/components/FormTimeInput.tsx

@@ -10,7 +10,7 @@ import { StrictOmit } from "soda-type"
 import { getFieldProps } from "@/utils/getFieldProps"
 import { getTimeValue } from "@/utils/getTimeValue"
 
-import { parseTime } from "../utils/parseTime"
+import { ParseMode, TimeMode, parseTime } from "../utils/parseTime"
 import { EmptyValue, FormContext, getEmptyValue } from "./FormProvider"
 
 export type TimeValue = Date | number
@@ -25,15 +25,16 @@ export interface FormTimeInputProps<
 > extends StrictOmit<FieldComponentProps<typeof TimeInput, FieldValue>, never> {
     valueMode?: ValueMode
     emptyValue?: EmptyValue
+    timeMode?: TimeMode
     component?: <T extends Time | CalendarDateTime | ZonedDateTime>(props: TimeInputProps<T>) => ReactNode
 }
 
-export function getValue(value: Date | number | null | undefined) {
-    return isNonNullable(value) ? parseTime(value.valueOf()) : null
+export function getValue<T extends ParseMode>(value: Date | number | null | undefined, parseMode?: T) {
+    return isNonNullable(value) ? parseTime(value.valueOf(), parseMode) : null
 }
 
-export function getFieldValue<T extends Date | number | null | undefined>(field: Field<T>) {
-    return getValue(field.state.value)
+export function getFieldValue<T extends Date | number | null | undefined, P extends ParseMode>(field: Field<T>, parseMode?: P) {
+    return getValue(field.state.value, parseMode)
 }
 
 export interface GetUpdaterParams {
@@ -64,9 +65,9 @@ export function getOnChange<T extends Date | number | null | undefined>({ field,
 export function FormTimeInput<
     ValueMode extends TimeValueMode = "date",
     FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined,
->({ field, valueMode, emptyValue, component: TimeInput2 = TimeInput, ...rest }: FormTimeInputProps<ValueMode, FieldValue>): ReactNode {
+>({ field, valueMode, emptyValue, timeMode, component: TimeInput2 = TimeInput, ...rest }: FormTimeInputProps<ValueMode, FieldValue>): ReactNode {
     const context = useContext(FormContext)
     emptyValue ??= context.emptyValue
 
-    return <TimeInput2 value={getFieldValue(field)} onChange={getOnChange({ field, valueMode, emptyValue })} {...getFieldProps(field)} {...rest} />
+    return <TimeInput2 value={getFieldValue(field, timeMode)} onChange={getOnChange({ field, valueMode, emptyValue })} {...getFieldProps(field)} {...rest} />
 }

package/src/utils/parseTime.ts

@@ -1,5 +1,24 @@
-import { ZonedDateTime, fromAbsolute, getLocalTimeZone } from "@internationalized/date"
+import { CalendarDate, CalendarDateTime, Time, ZonedDateTime, fromAbsolute, getLocalTimeZone } from "@internationalized/date"
 
-export function parseTime(ms: number): ZonedDateTime {
-    return fromAbsolute(ms, getLocalTimeZone())
+export { CalendarDate, CalendarDateTime, Time, ZonedDateTime, fromAbsolute, getLocalTimeZone } from "@internationalized/date"
+
+export type ParseMode = typeof ZonedDateTime | typeof CalendarDate | typeof CalendarDateTime | typeof Time
+
+export type TimeMode = Exclude<ParseMode, typeof CalendarDate>
+
+export type DateMode = Exclude<ParseMode, typeof Time>
+
+export function parseTime<T extends ParseMode = typeof CalendarDateTime>(ms: number, type?: T): InstanceType<T> {
+    if (type === ZonedDateTime) return fromAbsolute(ms, getLocalTimeZone()) as InstanceType<T>
+    const date = new Date(ms)
+    const year = date.getFullYear()
+    const month = date.getMonth()
+    const day = date.getDate()
+    const hour = date.getHours()
+    const minute = date.getMinutes()
+    const second = date.getSeconds()
+    const millisecond = date.getMilliseconds()
+    if (type === CalendarDate) return new CalendarDate(year, month, day) as InstanceType<T>
+    if (type === Time) return new Time(hour, minute, second, millisecond) as InstanceType<T>
+    return new CalendarDateTime(year, month, day, hour, minute, second, millisecond) as InstanceType<T>
 }