soda-heroui 0.1.2 → 0.2.0

package/dist/cjs/components/FormCalendar.d.ts

@@ -2,6 +2,8 @@ import { ReactNode } from "react";
 import { Calendar } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormCalendarProps<FieldValue extends number | undefined = number | undefined> extends StrictOmit<FieldComponentProps<typeof Calendar, FieldValue>, "children"> {
+import { TimeValueMode, TimeValueModeMap } from "./FormTimeInput";
+export interface FormCalendarProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined> extends StrictOmit<FieldComponentProps<typeof Calendar, FieldValue>, "children"> {
+    valueMode?: ValueMode;
 }
-export declare function FormCalendar<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormCalendarProps<FieldValue>): ReactNode;
+export declare function FormCalendar<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined>({ field, valueMode, ...rest }: FormCalendarProps<ValueMode, FieldValue>): ReactNode;

package/dist/cjs/components/FormCalendar.js

@@ -24,16 +24,14 @@ __export(FormCalendar_exports, {
 });
 module.exports = __toCommonJS(FormCalendar_exports);
 var import_react = require("@heroui/react");
-var import_deepsea_tools = require("deepsea-tools");
-var import_getTimeValue = require("../utils/getTimeValue");
-var import_parseTime = require("../utils/parseTime");
 var import_ErrorMessage = require("./ErrorMessage");
-function FormCalendar({ field, ...rest }) {
+var import_FormTimeInput = require("./FormTimeInput");
+function FormCalendar({ field, valueMode, ...rest }) {
   return /* @__PURE__ */ React.createElement(
     import_react.Calendar,
     {
-      value: (0, import_deepsea_tools.isNonNullable)(field.state.value) ? (0, import_parseTime.parseTime)(field.state.value) : null,
-      onChange: (value) => field.handleChange((0, import_getTimeValue.getTimeValue)(value)),
+      value: (0, import_FormTimeInput.getFieldValue)(field),
+      onChange: (0, import_FormTimeInput.getOnChange)(field, valueMode),
       onBlur: field.handleBlur,
       errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
       isInvalid: field.state.meta.errors.some(Boolean),

package/dist/cjs/components/FormCalendar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormCalendar.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Calendar } from \"@heroui/react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getTimeValue } from \"@/utils/getTimeValue\"\n\nimport { parseTime } from \"../utils/parseTime\"\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormCalendarProps<FieldValue extends number | undefined = number | undefined>\n    extends StrictOmit<FieldComponentProps<typeof Calendar, FieldValue>, \"children\"> {}\n\nexport function FormCalendar<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormCalendarProps<FieldValue>): ReactNode {\n    return (\n        <Calendar\n            value={isNonNullable(field.state.value) ? parseTime(field.state.value) : null}\n            onChange={value => field.handleChange(getTimeValue(value) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAyB;AACzB,2BAA8B;AAI9B,0BAA6B;AAE7B,uBAA0B;AAC1B,0BAA6B;AAKtB,SAAS,aAAyE,EAAE,OAAO,GAAG,KAAK,GAA6C;AACnJ,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAO,oCAAc,MAAM,MAAM,KAAK,QAAI,4BAAU,MAAM,MAAM,KAAK,IAAI;AAAA,MACzE,UAAU,WAAS,MAAM,iBAAa,kCAAa,KAAK,CAAe;AAAA,MACvE,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Calendar } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\nimport { TimeValueMode, TimeValueModeMap, getFieldValue, getOnChange } from \"./FormTimeInput\"\n\nexport interface FormCalendarProps<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,\n> extends StrictOmit<FieldComponentProps<typeof Calendar, FieldValue>, \"children\"> {\n    valueMode?: ValueMode\n}\n\nexport function FormCalendar<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,\n>({ field, valueMode, ...rest }: FormCalendarProps<ValueMode, FieldValue>): ReactNode {\n    return (\n        <Calendar\n            value={getFieldValue(field)}\n            onChange={getOnChange(field, valueMode)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAyB;AAIzB,0BAA6B;AAC7B,2BAA4E;AASrE,SAAS,aAGd,EAAE,OAAO,WAAW,GAAG,KAAK,GAAwD;AAClF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAO,oCAAc,KAAK;AAAA,MAC1B,cAAU,kCAAY,OAAO,SAAS;AAAA,MACtC,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
   "names": []
 }

package/dist/cjs/components/FormDateInput.d.ts

@@ -2,6 +2,8 @@ import { ReactNode } from "react";
 import { DateInput } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormDateInputProps<FieldValue extends number | undefined = number | undefined> extends StrictOmit<FieldComponentProps<typeof DateInput, FieldValue>, "children"> {
+import { TimeValueMode, TimeValueModeMap } from "./FormTimeInput";
+export interface FormDateInputProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined> extends StrictOmit<FieldComponentProps<typeof DateInput, FieldValue>, "children"> {
+    valueMode?: ValueMode;
 }
-export declare function FormDateInput<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormDateInputProps<FieldValue>): ReactNode;
+export declare function FormDateInput<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined>({ field, valueMode, ...rest }: FormDateInputProps<ValueMode, FieldValue>): ReactNode;

package/dist/cjs/components/FormDateInput.js

@@ -24,16 +24,14 @@ __export(FormDateInput_exports, {
 });
 module.exports = __toCommonJS(FormDateInput_exports);
 var import_react = require("@heroui/react");
-var import_deepsea_tools = require("deepsea-tools");
-var import_getTimeValue = require("../utils/getTimeValue");
-var import_parseTime = require("../utils/parseTime");
 var import_ErrorMessage = require("./ErrorMessage");
-function FormDateInput({ field, ...rest }) {
+var import_FormTimeInput = require("./FormTimeInput");
+function FormDateInput({ field, valueMode, ...rest }) {
   return /* @__PURE__ */ React.createElement(
     import_react.DateInput,
     {
-      value: (0, import_deepsea_tools.isNonNullable)(field.state.value) ? (0, import_parseTime.parseTime)(field.state.value) : null,
-      onChange: (value) => field.handleChange((0, import_getTimeValue.getTimeValue)(value)),
+      value: (0, import_FormTimeInput.getFieldValue)(field),
+      onChange: (0, import_FormTimeInput.getOnChange)(field, valueMode),
       onBlur: field.handleBlur,
       errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
       isInvalid: field.state.meta.errors.some(Boolean),

package/dist/cjs/components/FormDateInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormDateInput.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { DateInput } from \"@heroui/react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getTimeValue } from \"@/utils/getTimeValue\"\n\nimport { parseTime } from \"../utils/parseTime\"\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormDateInputProps<FieldValue extends number | undefined = number | undefined>\n    extends StrictOmit<FieldComponentProps<typeof DateInput, FieldValue>, \"children\"> {}\n\nexport function FormDateInput<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormDateInputProps<FieldValue>): ReactNode {\n    return (\n        <DateInput\n            value={isNonNullable(field.state.value) ? parseTime(field.state.value) : null}\n            onChange={value => field.handleChange(getTimeValue(value) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA0B;AAC1B,2BAA8B;AAI9B,0BAA6B;AAE7B,uBAA0B;AAC1B,0BAA6B;AAKtB,SAAS,cAA0E,EAAE,OAAO,GAAG,KAAK,GAA8C;AACrJ,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAO,oCAAc,MAAM,MAAM,KAAK,QAAI,4BAAU,MAAM,MAAM,KAAK,IAAI;AAAA,MACzE,UAAU,WAAS,MAAM,iBAAa,kCAAa,KAAK,CAAe;AAAA,MACvE,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { DateInput } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\nimport { TimeValueMode, TimeValueModeMap, getFieldValue, getOnChange } from \"./FormTimeInput\"\n\nexport interface FormDateInputProps<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,\n> extends StrictOmit<FieldComponentProps<typeof DateInput, FieldValue>, \"children\"> {\n    valueMode?: ValueMode\n}\n\nexport function FormDateInput<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,\n>({ field, valueMode, ...rest }: FormDateInputProps<ValueMode, FieldValue>): ReactNode {\n    return (\n        <DateInput\n            value={getFieldValue(field)}\n            onChange={getOnChange(field, valueMode)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA0B;AAI1B,0BAA6B;AAC7B,2BAA4E;AASrE,SAAS,cAGd,EAAE,OAAO,WAAW,GAAG,KAAK,GAAyD;AACnF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAO,oCAAc,KAAK;AAAA,MAC1B,cAAU,kCAAY,OAAO,SAAS;AAAA,MACtC,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
   "names": []
 }

package/dist/cjs/components/FormDatePicker.d.ts

@@ -2,6 +2,8 @@ import { ReactNode } from "react";
 import { DatePicker } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormDatePickerProps<FieldValue extends number | undefined = number | undefined> extends StrictOmit<FieldComponentProps<typeof DatePicker, FieldValue>, "children"> {
+import { TimeValueMode, TimeValueModeMap } from "./FormTimeInput";
+export interface FormDatePickerProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined> extends StrictOmit<FieldComponentProps<typeof DatePicker, FieldValue>, "children"> {
+    valueMode?: ValueMode;
 }
-export declare function FormDatePicker<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormDatePickerProps<FieldValue>): ReactNode;
+export declare function FormDatePicker<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined>({ field, valueMode, ...rest }: FormDatePickerProps<ValueMode, FieldValue>): ReactNode;

package/dist/cjs/components/FormDatePicker.js

@@ -24,16 +24,14 @@ __export(FormDatePicker_exports, {
 });
 module.exports = __toCommonJS(FormDatePicker_exports);
 var import_react = require("@heroui/react");
-var import_deepsea_tools = require("deepsea-tools");
-var import_getTimeValue = require("../utils/getTimeValue");
-var import_parseTime = require("../utils/parseTime");
 var import_ErrorMessage = require("./ErrorMessage");
-function FormDatePicker({ field, ...rest }) {
+var import_FormTimeInput = require("./FormTimeInput");
+function FormDatePicker({ field, valueMode, ...rest }) {
   return /* @__PURE__ */ React.createElement(
     import_react.DatePicker,
     {
-      value: (0, import_deepsea_tools.isNonNullable)(field.state.value) ? (0, import_parseTime.parseTime)(field.state.value) : null,
-      onChange: (value) => field.handleChange((0, import_getTimeValue.getTimeValue)(value)),
+      value: (0, import_FormTimeInput.getFieldValue)(field),
+      onChange: (0, import_FormTimeInput.getOnChange)(field, valueMode),
       onBlur: field.handleBlur,
       errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
       isInvalid: field.state.meta.errors.some(Boolean),

package/dist/cjs/components/FormDatePicker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormDatePicker.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { DatePicker } from \"@heroui/react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getTimeValue } from \"@/utils/getTimeValue\"\n\nimport { parseTime } from \"../utils/parseTime\"\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormDatePickerProps<FieldValue extends number | undefined = number | undefined>\n    extends StrictOmit<FieldComponentProps<typeof DatePicker, FieldValue>, \"children\"> {}\n\nexport function FormDatePicker<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormDatePickerProps<FieldValue>): ReactNode {\n    return (\n        <DatePicker\n            value={isNonNullable(field.state.value) ? parseTime(field.state.value) : null}\n            onChange={value => field.handleChange(getTimeValue(value) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA2B;AAC3B,2BAA8B;AAI9B,0BAA6B;AAE7B,uBAA0B;AAC1B,0BAA6B;AAKtB,SAAS,eAA2E,EAAE,OAAO,GAAG,KAAK,GAA+C;AACvJ,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAO,oCAAc,MAAM,MAAM,KAAK,QAAI,4BAAU,MAAM,MAAM,KAAK,IAAI;AAAA,MACzE,UAAU,WAAS,MAAM,iBAAa,kCAAa,KAAK,CAAe;AAAA,MACvE,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { DatePicker } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\nimport { TimeValueMode, TimeValueModeMap, getFieldValue, getOnChange } from \"./FormTimeInput\"\n\nexport interface FormDatePickerProps<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,\n> extends StrictOmit<FieldComponentProps<typeof DatePicker, FieldValue>, \"children\"> {\n    valueMode?: ValueMode\n}\n\nexport function FormDatePicker<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,\n>({ field, valueMode, ...rest }: FormDatePickerProps<ValueMode, FieldValue>): ReactNode {\n    return (\n        <DatePicker\n            value={getFieldValue(field)}\n            onChange={getOnChange(field, valueMode)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA2B;AAI3B,0BAA6B;AAC7B,2BAA4E;AASrE,SAAS,eAGd,EAAE,OAAO,WAAW,GAAG,KAAK,GAA0D;AACpF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAO,oCAAc,KAAK;AAAA,MAC1B,cAAU,kCAAY,OAAO,SAAS;AAAA,MACtC,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
   "names": []
 }

package/dist/cjs/components/FormDateRangePicker.d.ts

@@ -2,6 +2,8 @@ import { ReactNode } from "react";
 import { DateRangePicker } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormDateRangePickerProps<FieldValue extends [number, number] | undefined = [number, number] | undefined> extends StrictOmit<FieldComponentProps<typeof DateRangePicker, FieldValue>, "children"> {
+import { TimeValueMode, TimeValueModeMap } from "./FormTimeInput";
+export interface FormDateRangePickerProps<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined> extends StrictOmit<FieldComponentProps<typeof DateRangePicker, FieldValue>, "children"> {
+    valueMode?: ValueMode;
 }
-export declare function FormDateRangePicker<FieldValue extends [number, number] | undefined = [number, number] | undefined>({ field, ...rest }: FormDateRangePickerProps<FieldValue>): ReactNode;
+export declare function FormDateRangePicker<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined>({ field, valueMode, ...rest }: FormDateRangePickerProps<ValueMode, FieldValue>): ReactNode;

package/dist/cjs/components/FormDateRangePicker.js

@@ -24,22 +24,14 @@ __export(FormDateRangePicker_exports, {
 });
 module.exports = __toCommonJS(FormDateRangePicker_exports);
 var import_react = require("@heroui/react");
-var import_deepsea_tools = require("deepsea-tools");
-var import_getTimeValue = require("../utils/getTimeValue");
-var import_parseTime = require("../utils/parseTime");
 var import_ErrorMessage = require("./ErrorMessage");
-function FormDateRangePicker({
-  field,
-  ...rest
-}) {
+var import_FormRangeCalendar = require("./FormRangeCalendar");
+function FormDateRangePicker({ field, valueMode, ...rest }) {
   return /* @__PURE__ */ React.createElement(
     import_react.DateRangePicker,
     {
-      value: (0, import_deepsea_tools.isNonNullable)(field.state.value) ? {
-        start: (0, import_parseTime.parseTime)(field.state.value[0]),
-        end: (0, import_parseTime.parseTime)(field.state.value[1])
-      } : null,
-      onChange: (value) => field.handleChange((0, import_deepsea_tools.isNonNullable)(value) ? [(0, import_getTimeValue.getTimeValue)(value.start), (0, import_getTimeValue.getTimeValue)(value.end)] : void 0),
+      value: (0, import_FormRangeCalendar.getFieldRangeValue)(field),
+      onChange: (0, import_FormRangeCalendar.getOnRangeChange)(field, valueMode),
       onBlur: field.handleBlur,
       errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
       isInvalid: field.state.meta.errors.some(Boolean),

package/dist/cjs/components/FormDateRangePicker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormDateRangePicker.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { DateRangePicker } from \"@heroui/react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getTimeValue } from \"@/utils/getTimeValue\"\n\nimport { parseTime } from \"../utils/parseTime\"\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormDateRangePickerProps<FieldValue extends [number, number] | undefined = [number, number] | undefined>\n    extends StrictOmit<FieldComponentProps<typeof DateRangePicker, FieldValue>, \"children\"> {}\n\nexport function FormDateRangePicker<FieldValue extends [number, number] | undefined = [number, number] | undefined>({\n    field,\n    ...rest\n}: FormDateRangePickerProps<FieldValue>): ReactNode {\n    return (\n        <DateRangePicker\n            value={\n                isNonNullable(field.state.value)\n                    ? {\n                          start: parseTime(field.state.value[0]),\n                          end: parseTime(field.state.value[1]),\n                      }\n                    : null\n            }\n            onChange={value => field.handleChange((isNonNullable(value) ? [getTimeValue(value.start), getTimeValue(value.end)] : undefined) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAgC;AAChC,2BAA8B;AAI9B,0BAA6B;AAE7B,uBAA0B;AAC1B,0BAA6B;AAKtB,SAAS,oBAAoG;AAAA,EAChH;AAAA,EACA,GAAG;AACP,GAAoD;AAChD,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WACI,oCAAc,MAAM,MAAM,KAAK,IACzB;AAAA,QACI,WAAO,4BAAU,MAAM,MAAM,MAAM,CAAC,CAAC;AAAA,QACrC,SAAK,4BAAU,MAAM,MAAM,MAAM,CAAC,CAAC;AAAA,MACvC,IACA;AAAA,MAEV,UAAU,WAAS,MAAM,iBAAc,oCAAc,KAAK,IAAI,KAAC,kCAAa,MAAM,KAAK,OAAG,kCAAa,MAAM,GAAG,CAAC,IAAI,MAAwB;AAAA,MAC7I,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode, SetStateAction } from \"react\"\nimport { DateRangePicker, DateValue, RangeValue } from \"@heroui/react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { Field, FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getTimeValue } from \"@/utils/getTimeValue\"\n\nimport { parseTime } from \"../utils/parseTime\"\nimport { ErrorMessage } from \"./ErrorMessage\"\nimport { TimeValueMode, TimeValueModeMap } from \"./FormTimeInput\"\nimport { getFieldRangeValue, getOnRangeChange } from \"./FormRangeCalendar\"\n\nexport interface FormDateRangePickerProps<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined =\n        | [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>]\n        | undefined,\n> extends StrictOmit<FieldComponentProps<typeof DateRangePicker, FieldValue>, \"children\"> {\n    valueMode?: ValueMode\n}\n\nexport function FormDateRangePicker<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined =\n        | [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>]\n        | undefined,\n>({ field, valueMode, ...rest }: FormDateRangePickerProps<ValueMode, FieldValue>): ReactNode {\n    return (\n        <DateRangePicker\n            value={getFieldRangeValue(field as unknown as Field<[Date, Date] | [number, number] | undefined>)}\n            onChange={getOnRangeChange(field as unknown as Field<[Date, Date] | [number, number] | undefined>, valueMode)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAuD;AAQvD,0BAA6B;AAE7B,+BAAqD;AAW9C,SAAS,oBAKd,EAAE,OAAO,WAAW,GAAG,KAAK,GAA+D;AACzF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAO,6CAAmB,KAAsE;AAAA,MAChG,cAAU,2CAAiB,OAAwE,SAAS;AAAA,MAC5G,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
   "names": []
 }

package/dist/cjs/components/FormRangeCalendar.d.ts

@@ -1,7 +1,13 @@
-import { ReactNode } from "react";
-import { RangeCalendar } from "@heroui/react";
-import { FieldComponentProps } from "soda-tanstack-form";
+import { ReactNode, SetStateAction } from "react";
+import { DateValue, RangeCalendar, RangeValue } from "@heroui/react";
+import { Field, FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormRangeCalendarProps<FieldValue extends [number, number] | undefined = [number, number] | undefined> extends StrictOmit<FieldComponentProps<typeof RangeCalendar, FieldValue>, "children"> {
+import { TimeValueMode, TimeValueModeMap } from "./FormTimeInput";
+export interface FormRangeCalendarProps<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined> extends StrictOmit<FieldComponentProps<typeof RangeCalendar, FieldValue>, "children"> {
+    valueMode?: ValueMode;
 }
-export declare function FormRangeCalendar<FieldValue extends [number, number] | undefined = [number, number] | undefined>({ field, ...rest }: FormRangeCalendarProps<FieldValue>): ReactNode;
+export declare function getRangeValue(value: [Date, Date] | [number, number] | undefined): RangeValue<DateValue> | null;
+export declare function getFieldRangeValue<T extends [Date, Date] | [number, number] | undefined>(field: Field<T>): RangeValue<DateValue> | null;
+export declare function getRangeUpdater(value: RangeValue<DateValue> | null, valueMode?: TimeValueMode): SetStateAction<[Date, Date] | [number, number] | undefined>;
+export declare function getOnRangeChange<T extends [Date, Date] | [number, number] | undefined>(field: Field<T>, valueMode?: TimeValueMode): (value: RangeValue<DateValue> | null) => void;
+export declare function FormRangeCalendar<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined>({ field, valueMode, ...rest }: FormRangeCalendarProps<ValueMode, FieldValue>): ReactNode;

package/dist/cjs/components/FormRangeCalendar.js

@@ -20,7 +20,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/FormRangeCalendar.tsx
 var FormRangeCalendar_exports = {};
 __export(FormRangeCalendar_exports, {
-  FormRangeCalendar: () => FormRangeCalendar
+  FormRangeCalendar: () => FormRangeCalendar,
+  getFieldRangeValue: () => getFieldRangeValue,
+  getOnRangeChange: () => getOnRangeChange,
+  getRangeUpdater: () => getRangeUpdater,
+  getRangeValue: () => getRangeValue
 });
 module.exports = __toCommonJS(FormRangeCalendar_exports);
 var import_react = require("@heroui/react");
@@ -28,18 +32,36 @@ var import_deepsea_tools = require("deepsea-tools");
 var import_getTimeValue = require("../utils/getTimeValue");
 var import_parseTime = require("../utils/parseTime");
 var import_ErrorMessage = require("./ErrorMessage");
-function FormRangeCalendar({
-  field,
-  ...rest
-}) {
+function getRangeValue(value) {
+  return (0, import_deepsea_tools.isNonNullable)(value) ? {
+    start: (0, import_parseTime.parseTime)(value[0].valueOf()),
+    end: (0, import_parseTime.parseTime)(value[1].valueOf())
+  } : null;
+}
+function getFieldRangeValue(field) {
+  return getRangeValue(field.state.value);
+}
+function getRangeUpdater(value, valueMode) {
+  if (!(0, import_deepsea_tools.isNonNullable)(value))
+    return void 0;
+  if (valueMode === "timestamp")
+    return [(0, import_getTimeValue.getTimeValue)(value.start), (0, import_getTimeValue.getTimeValue)(value.end)];
+  function updater(prev) {
+    return prev?.[0] instanceof Date && prev?.[1] instanceof Date && prev[0].valueOf() === value.start.valueOf() && prev[1].valueOf() === value.end.valueOf() ? prev : [new Date((0, import_getTimeValue.getTimeValue)(value.start)), new Date((0, import_getTimeValue.getTimeValue)(value.end))];
+  }
+  return updater;
+}
+function getOnRangeChange(field, valueMode) {
+  return function onChange(value) {
+    field.handleChange(getRangeUpdater(value, valueMode));
+  };
+}
+function FormRangeCalendar({ field, valueMode, ...rest }) {
   return /* @__PURE__ */ React.createElement(
     import_react.RangeCalendar,
     {
-      value: (0, import_deepsea_tools.isNonNullable)(field.state.value) ? {
-        start: (0, import_parseTime.parseTime)(field.state.value[0]),
-        end: (0, import_parseTime.parseTime)(field.state.value[1])
-      } : null,
-      onChange: (value) => field.handleChange((0, import_deepsea_tools.isNonNullable)(value) ? [(0, import_getTimeValue.getTimeValue)(value.start), (0, import_getTimeValue.getTimeValue)(value.end)] : void 0),
+      value: getFieldRangeValue(field),
+      onChange: getOnRangeChange(field, valueMode),
       onBlur: field.handleBlur,
       errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
       isInvalid: field.state.meta.errors.some(Boolean),
@@ -49,6 +71,10 @@ function FormRangeCalendar({
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  FormRangeCalendar
+  FormRangeCalendar,
+  getFieldRangeValue,
+  getOnRangeChange,
+  getRangeUpdater,
+  getRangeValue
 });
 //# sourceMappingURL=FormRangeCalendar.js.map

package/dist/cjs/components/FormRangeCalendar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormRangeCalendar.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { RangeCalendar } from \"@heroui/react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getTimeValue } from \"@/utils/getTimeValue\"\n\nimport { parseTime } from \"../utils/parseTime\"\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormRangeCalendarProps<FieldValue extends [number, number] | undefined = [number, number] | undefined>\n    extends StrictOmit<FieldComponentProps<typeof RangeCalendar, FieldValue>, \"children\"> {}\n\nexport function FormRangeCalendar<FieldValue extends [number, number] | undefined = [number, number] | undefined>({\n    field,\n    ...rest\n}: FormRangeCalendarProps<FieldValue>): ReactNode {\n    return (\n        <RangeCalendar\n            value={\n                isNonNullable(field.state.value)\n                    ? {\n                          start: parseTime(field.state.value[0]),\n                          end: parseTime(field.state.value[1]),\n                      }\n                    : null\n            }\n            onChange={value => field.handleChange((isNonNullable(value) ? [getTimeValue(value.start), getTimeValue(value.end)] : undefined) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA8B;AAC9B,2BAA8B;AAI9B,0BAA6B;AAE7B,uBAA0B;AAC1B,0BAA6B;AAKtB,SAAS,kBAAkG;AAAA,EAC9G;AAAA,EACA,GAAG;AACP,GAAkD;AAC9C,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WACI,oCAAc,MAAM,MAAM,KAAK,IACzB;AAAA,QACI,WAAO,4BAAU,MAAM,MAAM,MAAM,CAAC,CAAC;AAAA,QACrC,SAAK,4BAAU,MAAM,MAAM,MAAM,CAAC,CAAC;AAAA,MACvC,IACA;AAAA,MAEV,UAAU,WAAS,MAAM,iBAAc,oCAAc,KAAK,IAAI,KAAC,kCAAa,MAAM,KAAK,OAAG,kCAAa,MAAM,GAAG,CAAC,IAAI,MAAwB;AAAA,MAC7I,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode, SetStateAction } from \"react\"\nimport { DateValue, RangeCalendar, RangeValue } from \"@heroui/react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { Field, FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getTimeValue } from \"@/utils/getTimeValue\"\n\nimport { parseTime } from \"../utils/parseTime\"\nimport { ErrorMessage } from \"./ErrorMessage\"\nimport { TimeValueMode, TimeValueModeMap } from \"./FormTimeInput\"\n\nexport interface FormRangeCalendarProps<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined =\n        | [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>]\n        | undefined,\n> extends StrictOmit<FieldComponentProps<typeof RangeCalendar, FieldValue>, \"children\"> {\n    valueMode?: ValueMode\n}\n\nexport function getRangeValue(value: [Date, Date] | [number, number] | undefined): RangeValue<DateValue> | null {\n    return isNonNullable(value)\n        ? {\n              start: parseTime(value[0].valueOf()),\n              end: parseTime(value[1].valueOf()),\n          }\n        : null\n}\n\nexport function getFieldRangeValue<T extends [Date, Date] | [number, number] | undefined>(field: Field<T>) {\n    return getRangeValue(field.state.value)\n}\n\nexport function getRangeUpdater(value: RangeValue<DateValue> | null, valueMode?: TimeValueMode): SetStateAction<[Date, Date] | [number, number] | undefined> {\n    if (!isNonNullable(value)) return undefined\n    if (valueMode === \"timestamp\") return [getTimeValue(value.start), getTimeValue(value.end)]\n    function updater(prev: [Date, Date] | [number, number] | undefined): [Date, Date] | [number, number] | undefined {\n        return prev?.[0] instanceof Date &&\n            prev?.[1] instanceof Date &&\n            prev[0].valueOf() === value!.start.valueOf() &&\n            prev[1].valueOf() === value!.end.valueOf()\n            ? prev\n            : [new Date(getTimeValue(value!.start)!), new Date(getTimeValue(value!.end)!)]\n    }\n    return updater\n}\n\nexport function getOnRangeChange<T extends [Date, Date] | [number, number] | undefined>(field: Field<T>, valueMode?: TimeValueMode) {\n    return function onChange(value: RangeValue<DateValue> | null) {\n        field.handleChange(getRangeUpdater(value, valueMode) as SetStateAction<T>)\n    }\n}\n\nexport function FormRangeCalendar<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined =\n        | [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>]\n        | undefined,\n>({ field, valueMode, ...rest }: FormRangeCalendarProps<ValueMode, FieldValue>): ReactNode {\n    return (\n        <RangeCalendar\n            value={getFieldRangeValue(field as unknown as Field<[Date, Date] | [number, number] | undefined>)}\n            onChange={getOnRangeChange(field as unknown as Field<[Date, Date] | [number, number] | undefined>, valueMode)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAqD;AACrD,2BAA8B;AAI9B,0BAA6B;AAE7B,uBAA0B;AAC1B,0BAA6B;AAYtB,SAAS,cAAc,OAAkF;AAC5G,aAAO,oCAAc,KAAK,IACpB;AAAA,IACI,WAAO,4BAAU,MAAM,CAAC,EAAE,QAAQ,CAAC;AAAA,IACnC,SAAK,4BAAU,MAAM,CAAC,EAAE,QAAQ,CAAC;AAAA,EACrC,IACA;AACV;AAEO,SAAS,mBAA0E,OAAiB;AACvG,SAAO,cAAc,MAAM,MAAM,KAAK;AAC1C;AAEO,SAAS,gBAAgB,OAAqC,WAAwF;AACzJ,MAAI,KAAC,oCAAc,KAAK;AAAG,WAAO;AAClC,MAAI,cAAc;AAAa,WAAO,KAAC,kCAAa,MAAM,KAAK,OAAG,kCAAa,MAAM,GAAG,CAAC;AACzF,WAAS,QAAQ,MAAgG;AAC7G,WAAO,OAAO,CAAC,aAAa,QACxB,OAAO,CAAC,aAAa,QACrB,KAAK,CAAC,EAAE,QAAQ,MAAM,MAAO,MAAM,QAAQ,KAC3C,KAAK,CAAC,EAAE,QAAQ,MAAM,MAAO,IAAI,QAAQ,IACvC,OACA,CAAC,IAAI,SAAK,kCAAa,MAAO,KAAK,CAAE,GAAG,IAAI,SAAK,kCAAa,MAAO,GAAG,CAAE,CAAC;AAAA,EACrF;AACA,SAAO;AACX;AAEO,SAAS,iBAAwE,OAAiB,WAA2B;AAChI,SAAO,SAAS,SAAS,OAAqC;AAC1D,UAAM,aAAa,gBAAgB,OAAO,SAAS,CAAsB;AAAA,EAC7E;AACJ;AAEO,SAAS,kBAKd,EAAE,OAAO,WAAW,GAAG,KAAK,GAA6D;AACvF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAO,mBAAmB,KAAsE;AAAA,MAChG,UAAU,iBAAiB,OAAwE,SAAS;AAAA,MAC5G,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
   "names": []
 }

package/dist/cjs/components/FormTimeInput.d.ts

@@ -1,7 +1,16 @@
-import { ReactNode } from "react";
+import { ReactNode, SetStateAction } from "react";
 import { TimeInput } from "@heroui/react";
-import { FieldComponentProps } from "soda-tanstack-form";
+import { CalendarDate, CalendarDateTime, Time, ZonedDateTime } from "@internationalized/date";
+import { Field, FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormTimeInputProps<FieldValue extends number | undefined = number | undefined> extends StrictOmit<FieldComponentProps<typeof TimeInput, FieldValue>, "children"> {
+export type TimeValue = Date | number;
+export type TimeValueMode = "date" | "timestamp";
+export type TimeValueModeMap<ValueMode extends TimeValueMode> = ValueMode extends "date" ? Date : ValueMode extends "timestamp" ? number : never;
+export interface FormTimeInputProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined> extends StrictOmit<FieldComponentProps<typeof TimeInput, FieldValue>, "children"> {
+    valueMode?: ValueMode;
 }
-export declare function FormTimeInput<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormTimeInputProps<FieldValue>): ReactNode;
+export declare function getValue(value: Date | number | undefined): ZonedDateTime | null;
+export declare function getFieldValue<T extends Date | number | undefined>(field: Field<T>): ZonedDateTime | null;
+export declare function getUpdater(value: CalendarDateTime | ZonedDateTime | Time | CalendarDate | CalendarDateTime | ZonedDateTime | null, valueMode?: TimeValueMode): SetStateAction<Date | number | undefined>;
+export declare function getOnChange<T extends Date | number | undefined>(field: Field<T>, valueMode?: TimeValueMode): (value: CalendarDateTime | ZonedDateTime | Time | CalendarDate | CalendarDateTime | ZonedDateTime | null) => void;
+export declare function FormTimeInput<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined>({ field, valueMode, ...rest }: FormTimeInputProps<ValueMode, FieldValue>): ReactNode;

package/dist/cjs/components/FormTimeInput.js

@@ -20,7 +20,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/FormTimeInput.tsx
 var FormTimeInput_exports = {};
 __export(FormTimeInput_exports, {
-  FormTimeInput: () => FormTimeInput
+  FormTimeInput: () => FormTimeInput,
+  getFieldValue: () => getFieldValue,
+  getOnChange: () => getOnChange,
+  getUpdater: () => getUpdater,
+  getValue: () => getValue
 });
 module.exports = __toCommonJS(FormTimeInput_exports);
 var import_react = require("@heroui/react");
@@ -28,12 +32,31 @@ var import_deepsea_tools = require("deepsea-tools");
 var import_getTimeValue = require("../utils/getTimeValue");
 var import_parseTime = require("../utils/parseTime");
 var import_ErrorMessage = require("./ErrorMessage");
-function FormTimeInput({ field, ...rest }) {
+function getValue(value) {
+  return (0, import_deepsea_tools.isNonNullable)(value) ? (0, import_parseTime.parseTime)(value.valueOf()) : null;
+}
+function getFieldValue(field) {
+  return getValue(field.state.value);
+}
+function getUpdater(value, valueMode) {
+  const timestamp = (0, import_getTimeValue.getTimeValue)(value);
+  if (!(0, import_deepsea_tools.isNonNullable)(timestamp))
+    return void 0;
+  if (valueMode === "timestamp")
+    return timestamp;
+  return (prev) => prev instanceof Date && prev.valueOf() === timestamp ? prev : new Date(timestamp);
+}
+function getOnChange(field, valueMode) {
+  return function onChange(value) {
+    field.handleChange(getUpdater(value, valueMode));
+  };
+}
+function FormTimeInput({ field, valueMode, ...rest }) {
   return /* @__PURE__ */ React.createElement(
     import_react.TimeInput,
     {
-      value: (0, import_deepsea_tools.isNonNullable)(field.state.value) ? (0, import_parseTime.parseTime)(field.state.value) : null,
-      onChange: (value) => field.handleChange((0, import_getTimeValue.getTimeValue)(value)),
+      value: getFieldValue(field),
+      onChange: getOnChange(field, valueMode),
       onBlur: field.handleBlur,
       errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
       isInvalid: field.state.meta.errors.some(Boolean),
@@ -43,6 +66,10 @@ function FormTimeInput({ field, ...rest }) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  FormTimeInput
+  FormTimeInput,
+  getFieldValue,
+  getOnChange,
+  getUpdater,
+  getValue
 });
 //# sourceMappingURL=FormTimeInput.js.map

package/dist/cjs/components/FormTimeInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormTimeInput.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { TimeInput } from \"@heroui/react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getTimeValue } from \"@/utils/getTimeValue\"\n\nimport { parseTime } from \"../utils/parseTime\"\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormTimeInputProps<FieldValue extends number | undefined = number | undefined>\n    extends StrictOmit<FieldComponentProps<typeof TimeInput, FieldValue>, \"children\"> {}\n\nexport function FormTimeInput<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormTimeInputProps<FieldValue>): ReactNode {\n    return (\n        <TimeInput\n            value={isNonNullable(field.state.value) ? parseTime(field.state.value) : null}\n            onChange={value => field.handleChange(getTimeValue(value) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA0B;AAC1B,2BAA8B;AAI9B,0BAA6B;AAE7B,uBAA0B;AAC1B,0BAA6B;AAKtB,SAAS,cAA0E,EAAE,OAAO,GAAG,KAAK,GAA8C;AACrJ,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAO,oCAAc,MAAM,MAAM,KAAK,QAAI,4BAAU,MAAM,MAAM,KAAK,IAAI;AAAA,MACzE,UAAU,WAAS,MAAM,iBAAa,kCAAa,KAAK,CAAe;AAAA,MACvE,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode, SetStateAction } from \"react\"\nimport { TimeInput } from \"@heroui/react\"\nimport { CalendarDate, CalendarDateTime, Time, ZonedDateTime } from \"@internationalized/date\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { Field, FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getTimeValue } from \"@/utils/getTimeValue\"\n\nimport { parseTime } from \"../utils/parseTime\"\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport type TimeValue = Date | number\n\nexport type TimeValueMode = \"date\" | \"timestamp\"\n\nexport type TimeValueModeMap<ValueMode extends TimeValueMode> = ValueMode extends \"date\" ? Date : ValueMode extends \"timestamp\" ? number : never\n\nexport interface FormTimeInputProps<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,\n> extends StrictOmit<FieldComponentProps<typeof TimeInput, FieldValue>, \"children\"> {\n    valueMode?: ValueMode\n}\n\nexport function getValue(value: Date | number | undefined) {\n    return isNonNullable(value) ? parseTime(value.valueOf()) : null\n}\n\nexport function getFieldValue<T extends Date | number | undefined>(field: Field<T>) {\n    return getValue(field.state.value)\n}\n\nexport function getUpdater(\n    value: CalendarDateTime | ZonedDateTime | Time | CalendarDate | CalendarDateTime | ZonedDateTime | null,\n    valueMode?: TimeValueMode,\n): SetStateAction<Date | number | undefined> {\n    const timestamp = getTimeValue(value)\n    if (!isNonNullable(timestamp)) return undefined\n    if (valueMode === \"timestamp\") return timestamp\n    return (prev: Date | number | undefined) => (prev instanceof Date && prev.valueOf() === timestamp ? prev : new Date(timestamp))\n}\n\nexport function getOnChange<T extends Date | number | undefined>(field: Field<T>, valueMode?: TimeValueMode) {\n    return function onChange(value: CalendarDateTime | ZonedDateTime | Time | CalendarDate | CalendarDateTime | ZonedDateTime | null) {\n        field.handleChange(getUpdater(value, valueMode) as SetStateAction<T>)\n    }\n}\n\nexport function FormTimeInput<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,\n>({ field, valueMode, ...rest }: FormTimeInputProps<ValueMode, FieldValue>): ReactNode {\n    return (\n        <TimeInput\n            value={getFieldValue(field)}\n            onChange={getOnChange(field, valueMode)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA0B;AAE1B,2BAA8B;AAI9B,0BAA6B;AAE7B,uBAA0B;AAC1B,0BAA6B;AAetB,SAAS,SAAS,OAAkC;AACvD,aAAO,oCAAc,KAAK,QAAI,4BAAU,MAAM,QAAQ,CAAC,IAAI;AAC/D;AAEO,SAAS,cAAmD,OAAiB;AAChF,SAAO,SAAS,MAAM,MAAM,KAAK;AACrC;AAEO,SAAS,WACZ,OACA,WACyC;AACzC,QAAM,gBAAY,kCAAa,KAAK;AACpC,MAAI,KAAC,oCAAc,SAAS;AAAG,WAAO;AACtC,MAAI,cAAc;AAAa,WAAO;AACtC,SAAO,CAAC,SAAqC,gBAAgB,QAAQ,KAAK,QAAQ,MAAM,YAAY,OAAO,IAAI,KAAK,SAAS;AACjI;AAEO,SAAS,YAAiD,OAAiB,WAA2B;AACzG,SAAO,SAAS,SAAS,OAAyG;AAC9H,UAAM,aAAa,WAAW,OAAO,SAAS,CAAsB;AAAA,EACxE;AACJ;AAEO,SAAS,cAGd,EAAE,OAAO,WAAW,GAAG,KAAK,GAAyD;AACnF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAO,cAAc,KAAK;AAAA,MAC1B,UAAU,YAAY,OAAO,SAAS;AAAA,MACtC,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
   "names": []
 }

package/dist/cjs/utils/getTimeValue.d.ts

@@ -1,2 +1,2 @@
 import { CalendarDate, CalendarDateTime, Time, ZonedDateTime } from "@internationalized/date";
-export declare function getTimeValue(time: CalendarDateTime | ZonedDateTime | Time | null | CalendarDate | CalendarDateTime | ZonedDateTime | null): number | undefined;
+export declare function getTimeValue<T extends CalendarDateTime | ZonedDateTime | Time | CalendarDate | CalendarDateTime | ZonedDateTime | null | undefined = undefined>(time?: T): T extends null | undefined ? undefined : number;

package/dist/cjs/utils/getTimeValue.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/getTimeValue.ts"],
-  "sourcesContent": ["import { CalendarDate, CalendarDateTime, Time, ZonedDateTime } from \"@internationalized/date\"\nimport { isNonNullable } from \"deepsea-tools\"\n\nexport function getTimeValue(time: CalendarDateTime | ZonedDateTime | Time | null | CalendarDate | CalendarDateTime | ZonedDateTime | null) {\n    return isNonNullable(time) ? new Date(time.toString()).valueOf() : undefined\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,2BAA8B;AAEvB,SAAS,aAAa,MAA+G;AACxI,aAAO,oCAAc,IAAI,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC,EAAE,QAAQ,IAAI;AACvE;",
+  "sourcesContent": ["import { CalendarDate, CalendarDateTime, Time, ZonedDateTime } from \"@internationalized/date\"\nimport { isNonNullable } from \"deepsea-tools\"\n\nexport function getTimeValue<\n    T extends CalendarDateTime | ZonedDateTime | Time | CalendarDate | CalendarDateTime | ZonedDateTime | null | undefined = undefined,\n>(time?: T): T extends null | undefined ? undefined : number {\n    return (isNonNullable(time) ? new Date(time.toString()).valueOf() : undefined) as T extends null | undefined ? undefined : number\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,2BAA8B;AAEvB,SAAS,aAEd,MAA2D;AACzD,aAAQ,oCAAc,IAAI,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC,EAAE,QAAQ,IAAI;AACxE;",
   "names": []
 }

package/dist/esm/components/FormCalendar.d.ts

@@ -2,6 +2,8 @@ import { ReactNode } from "react";
 import { Calendar } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormCalendarProps<FieldValue extends number | undefined = number | undefined> extends StrictOmit<FieldComponentProps<typeof Calendar, FieldValue>, "children"> {
+import { TimeValueMode, TimeValueModeMap } from "./FormTimeInput";
+export interface FormCalendarProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined> extends StrictOmit<FieldComponentProps<typeof Calendar, FieldValue>, "children"> {
+    valueMode?: ValueMode;
 }
-export declare function FormCalendar<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormCalendarProps<FieldValue>): ReactNode;
+export declare function FormCalendar<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined>({ field, valueMode, ...rest }: FormCalendarProps<ValueMode, FieldValue>): ReactNode;

package/dist/esm/components/FormCalendar.js

@@ -1,18 +1,17 @@
 "use client";
 
 import { Calendar } from "@heroui/react";
-import { isNonNullable } from "deepsea-tools";
-import { getTimeValue } from "../utils/getTimeValue";
-import { parseTime } from "../utils/parseTime";
 import { ErrorMessage } from "./ErrorMessage";
+import { getFieldValue, getOnChange } from "./FormTimeInput";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function FormCalendar({
   field,
+  valueMode,
   ...rest
 }) {
   return /*#__PURE__*/_jsx(Calendar, {
-    value: isNonNullable(field.state.value) ? parseTime(field.state.value) : null,
-    onChange: value => field.handleChange(getTimeValue(value)),
+    value: getFieldValue(field),
+    onChange: getOnChange(field, valueMode),
     onBlur: field.handleBlur,
     errorMessage: /*#__PURE__*/_jsx(ErrorMessage, {
       data: field.state.meta.errors

package/dist/esm/components/FormCalendar.js.map

@@ -1 +1 @@
-{"version":3,"names":["Calendar","isNonNullable","getTimeValue","parseTime","ErrorMessage","jsx","_jsx","FormCalendar","field","rest","value","state","onChange","handleChange","onBlur","handleBlur","errorMessage","data","meta","errors","isInvalid","some","Boolean"],"sources":["../../../src/components/FormCalendar.tsx"],"sourcesContent":["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Calendar } from \"@heroui/react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getTimeValue } from \"@/utils/getTimeValue\"\n\nimport { parseTime } from \"../utils/parseTime\"\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormCalendarProps<FieldValue extends number | undefined = number | undefined>\n    extends StrictOmit<FieldComponentProps<typeof Calendar, FieldValue>, \"children\"> {}\n\nexport function FormCalendar<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormCalendarProps<FieldValue>): ReactNode {\n    return (\n        <Calendar\n            value={isNonNullable(field.state.value) ? parseTime(field.state.value) : null}\n            onChange={value => field.handleChange(getTimeValue(value) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],"mappings":"AAAA,YAAY;;AAGZ,SAASA,QAAQ,QAAQ,eAAe;AACxC,SAASC,aAAa,QAAQ,eAAe;AAI7C,SAASC,YAAY;AAErB,SAASC,SAAS;AAClB,SAASC,YAAY;AAAwB,SAAAC,GAAA,IAAAC,IAAA;AAK7C,OAAO,SAASC,YAAYA,CAA6D;EAAEC,KAAK;EAAE,GAAGC;AAAoC,CAAC,EAAa;EACnJ,oBACIH,IAAA,CAACN,QAAQ;IACLU,KAAK,EAAET,aAAa,CAACO,KAAK,CAACG,KAAK,CAACD,KAAK,CAAC,GAAGP,SAAS,CAACK,KAAK,CAACG,KAAK,CAACD,KAAK,CAAC,GAAG,IAAK;IAC9EE,QAAQ,EAAEF,KAAK,IAAIF,KAAK,CAACK,YAAY,CAACX,YAAY,CAACQ,KAAK,CAAe,CAAE;IACzEI,MAAM,EAAEN,KAAK,CAACO,UAAW;IACzBC,YAAY,eAAEV,IAAA,CAACF,YAAY;MAACa,IAAI,EAAET,KAAK,CAACG,KAAK,CAACO,IAAI,CAACC;IAAO,CAAE,CAAE;IAC9DC,SAAS,EAAEZ,KAAK,CAACG,KAAK,CAACO,IAAI,CAACC,MAAM,CAACE,IAAI,CAACC,OAAO,CAAE;IAAA,GAC7Cb;EAAI,CACX,CAAC;AAEV"}
+{"version":3,"names":["Calendar","ErrorMessage","getFieldValue","getOnChange","jsx","_jsx","FormCalendar","field","valueMode","rest","value","onChange","onBlur","handleBlur","errorMessage","data","state","meta","errors","isInvalid","some","Boolean"],"sources":["../../../src/components/FormCalendar.tsx"],"sourcesContent":["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Calendar } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\nimport { TimeValueMode, TimeValueModeMap, getFieldValue, getOnChange } from \"./FormTimeInput\"\n\nexport interface FormCalendarProps<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,\n> extends StrictOmit<FieldComponentProps<typeof Calendar, FieldValue>, \"children\"> {\n    valueMode?: ValueMode\n}\n\nexport function FormCalendar<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,\n>({ field, valueMode, ...rest }: FormCalendarProps<ValueMode, FieldValue>): ReactNode {\n    return (\n        <Calendar\n            value={getFieldValue(field)}\n            onChange={getOnChange(field, valueMode)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],"mappings":"AAAA,YAAY;;AAGZ,SAASA,QAAQ,QAAQ,eAAe;AAIxC,SAASC,YAAY;AACrB,SAA0CC,aAAa,EAAEC,WAAW;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAS7F,OAAO,SAASC,YAAYA,CAG1B;EAAEC,KAAK;EAAEC,SAAS;EAAE,GAAGC;AAA+C,CAAC,EAAa;EAClF,oBACIJ,IAAA,CAACL,QAAQ;IACLU,KAAK,EAAER,aAAa,CAACK,KAAK,CAAE;IAC5BI,QAAQ,EAAER,WAAW,CAACI,KAAK,EAAEC,SAAS,CAAE;IACxCI,MAAM,EAAEL,KAAK,CAACM,UAAW;IACzBC,YAAY,eAAET,IAAA,CAACJ,YAAY;MAACc,IAAI,EAAER,KAAK,CAACS,KAAK,CAACC,IAAI,CAACC;IAAO,CAAE,CAAE;IAC9DC,SAAS,EAAEZ,KAAK,CAACS,KAAK,CAACC,IAAI,CAACC,MAAM,CAACE,IAAI,CAACC,OAAO,CAAE;IAAA,GAC7CZ;EAAI,CACX,CAAC;AAEV"}

package/dist/esm/components/FormDateInput.d.ts

@@ -2,6 +2,8 @@ import { ReactNode } from "react";
 import { DateInput } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormDateInputProps<FieldValue extends number | undefined = number | undefined> extends StrictOmit<FieldComponentProps<typeof DateInput, FieldValue>, "children"> {
+import { TimeValueMode, TimeValueModeMap } from "./FormTimeInput";
+export interface FormDateInputProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined> extends StrictOmit<FieldComponentProps<typeof DateInput, FieldValue>, "children"> {
+    valueMode?: ValueMode;
 }
-export declare function FormDateInput<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormDateInputProps<FieldValue>): ReactNode;
+export declare function FormDateInput<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined>({ field, valueMode, ...rest }: FormDateInputProps<ValueMode, FieldValue>): ReactNode;

package/dist/esm/components/FormDateInput.js

@@ -1,18 +1,17 @@
 "use client";
 
 import { DateInput } from "@heroui/react";
-import { isNonNullable } from "deepsea-tools";
-import { getTimeValue } from "../utils/getTimeValue";
-import { parseTime } from "../utils/parseTime";
 import { ErrorMessage } from "./ErrorMessage";
+import { getFieldValue, getOnChange } from "./FormTimeInput";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function FormDateInput({
   field,
+  valueMode,
   ...rest
 }) {
   return /*#__PURE__*/_jsx(DateInput, {
-    value: isNonNullable(field.state.value) ? parseTime(field.state.value) : null,
-    onChange: value => field.handleChange(getTimeValue(value)),
+    value: getFieldValue(field),
+    onChange: getOnChange(field, valueMode),
     onBlur: field.handleBlur,
     errorMessage: /*#__PURE__*/_jsx(ErrorMessage, {
       data: field.state.meta.errors

package/dist/esm/components/FormDateInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["DateInput","isNonNullable","getTimeValue","parseTime","ErrorMessage","jsx","_jsx","FormDateInput","field","rest","value","state","onChange","handleChange","onBlur","handleBlur","errorMessage","data","meta","errors","isInvalid","some","Boolean"],"sources":["../../../src/components/FormDateInput.tsx"],"sourcesContent":["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { DateInput } from \"@heroui/react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getTimeValue } from \"@/utils/getTimeValue\"\n\nimport { parseTime } from \"../utils/parseTime\"\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormDateInputProps<FieldValue extends number | undefined = number | undefined>\n    extends StrictOmit<FieldComponentProps<typeof DateInput, FieldValue>, \"children\"> {}\n\nexport function FormDateInput<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormDateInputProps<FieldValue>): ReactNode {\n    return (\n        <DateInput\n            value={isNonNullable(field.state.value) ? parseTime(field.state.value) : null}\n            onChange={value => field.handleChange(getTimeValue(value) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],"mappings":"AAAA,YAAY;;AAGZ,SAASA,SAAS,QAAQ,eAAe;AACzC,SAASC,aAAa,QAAQ,eAAe;AAI7C,SAASC,YAAY;AAErB,SAASC,SAAS;AAClB,SAASC,YAAY;AAAwB,SAAAC,GAAA,IAAAC,IAAA;AAK7C,OAAO,SAASC,aAAaA,CAA6D;EAAEC,KAAK;EAAE,GAAGC;AAAqC,CAAC,EAAa;EACrJ,oBACIH,IAAA,CAACN,SAAS;IACNU,KAAK,EAAET,aAAa,CAACO,KAAK,CAACG,KAAK,CAACD,KAAK,CAAC,GAAGP,SAAS,CAACK,KAAK,CAACG,KAAK,CAACD,KAAK,CAAC,GAAG,IAAK;IAC9EE,QAAQ,EAAEF,KAAK,IAAIF,KAAK,CAACK,YAAY,CAACX,YAAY,CAACQ,KAAK,CAAe,CAAE;IACzEI,MAAM,EAAEN,KAAK,CAACO,UAAW;IACzBC,YAAY,eAAEV,IAAA,CAACF,YAAY;MAACa,IAAI,EAAET,KAAK,CAACG,KAAK,CAACO,IAAI,CAACC;IAAO,CAAE,CAAE;IAC9DC,SAAS,EAAEZ,KAAK,CAACG,KAAK,CAACO,IAAI,CAACC,MAAM,CAACE,IAAI,CAACC,OAAO,CAAE;IAAA,GAC7Cb;EAAI,CACX,CAAC;AAEV"}
+{"version":3,"names":["DateInput","ErrorMessage","getFieldValue","getOnChange","jsx","_jsx","FormDateInput","field","valueMode","rest","value","onChange","onBlur","handleBlur","errorMessage","data","state","meta","errors","isInvalid","some","Boolean"],"sources":["../../../src/components/FormDateInput.tsx"],"sourcesContent":["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { DateInput } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\nimport { TimeValueMode, TimeValueModeMap, getFieldValue, getOnChange } from \"./FormTimeInput\"\n\nexport interface FormDateInputProps<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,\n> extends StrictOmit<FieldComponentProps<typeof DateInput, FieldValue>, \"children\"> {\n    valueMode?: ValueMode\n}\n\nexport function FormDateInput<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,\n>({ field, valueMode, ...rest }: FormDateInputProps<ValueMode, FieldValue>): ReactNode {\n    return (\n        <DateInput\n            value={getFieldValue(field)}\n            onChange={getOnChange(field, valueMode)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],"mappings":"AAAA,YAAY;;AAGZ,SAASA,SAAS,QAAQ,eAAe;AAIzC,SAASC,YAAY;AACrB,SAA0CC,aAAa,EAAEC,WAAW;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAS7F,OAAO,SAASC,aAAaA,CAG3B;EAAEC,KAAK;EAAEC,SAAS;EAAE,GAAGC;AAAgD,CAAC,EAAa;EACnF,oBACIJ,IAAA,CAACL,SAAS;IACNU,KAAK,EAAER,aAAa,CAACK,KAAK,CAAE;IAC5BI,QAAQ,EAAER,WAAW,CAACI,KAAK,EAAEC,SAAS,CAAE;IACxCI,MAAM,EAAEL,KAAK,CAACM,UAAW;IACzBC,YAAY,eAAET,IAAA,CAACJ,YAAY;MAACc,IAAI,EAAER,KAAK,CAACS,KAAK,CAACC,IAAI,CAACC;IAAO,CAAE,CAAE;IAC9DC,SAAS,EAAEZ,KAAK,CAACS,KAAK,CAACC,IAAI,CAACC,MAAM,CAACE,IAAI,CAACC,OAAO,CAAE;IAAA,GAC7CZ;EAAI,CACX,CAAC;AAEV"}