@sfxcode/nuxt-ui-formkit 1.2.0 → 1.2.1

package/README.md

@@ -288,9 +288,12 @@ Refer to the [Nuxt UI documentation](https://ui.nuxt.com/) for component-specifi
 The playground includes comprehensive examples for all components:
 
 ### Input Components
+- [Calendar](./playground/app/pages/components/input/calendar.vue)
 - [Checkbox](./playground/app/pages/components/input/checkbox.vue)
 - [CheckboxGroup](./playground/app/pages/components/input/checkbox-group.vue)
 - [ColorPicker](./playground/app/pages/components/input/color-picker.vue)
+- [Editor](./playground/app/pages/components/input/editor.vue)
+- [FileUpload](./playground/app/pages/components/input/file-upload.vue)
 - [Input](./playground/app/pages/components/input/input.vue)
 - [InputDate](./playground/app/pages/components/input/input-date.vue)
 - [InputMenu](./playground/app/pages/components/input/input-menu.vue)
@@ -314,6 +317,10 @@ The playground includes comprehensive examples for all components:
 - [OutputNumber](./playground/app/pages/components/output/number.vue)
 - [OutputText](./playground/app/pages/components/output/text.vue)
 
+### Repeater
+- [Repeater](./playground/app/pages/form/repeater-sample.vue)
+- [Drag-and-Drop Repeater](./playground/app/pages/form/repeater-drag.vue)
+
 ## Development
 
 <details>

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=4.0.0"
   },
-  "version": "1.2.0",
+  "version": "1.2.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/inputs/FUCalendar.d.vue.ts

@@ -1,9 +1,11 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { DateValue } from '@internationalized/date';
 import type { PropType } from 'vue';
+import type { DateValueType } from '../../utils/dateValueConversion.js';
+type DateLike = DateValue | Date | string;
 export interface CalendarDateRange {
-    start: DateValue;
-    end: DateValue;
+    start: DateLike;
+    end: DateLike;
 }
 export interface FormKitCalendarProps {
     type?: 'date' | 'month' | 'year';
@@ -16,9 +18,17 @@ export interface FormKitCalendarProps {
     monthControls?: boolean;
     yearControls?: boolean;
     viewControl?: boolean;
-    defaultValue?: DateValue | DateValue[] | CalendarDateRange;
-    minValue?: DateValue;
-    maxValue?: DateValue;
+    /**
+     * Shape of the value read from / written to the FormKit form data.
+     * `'calendar'` (default) keeps the native `@internationalized/date` `DateValue`.
+     * `'date'` converts to/from a JS `Date`. `'iso'` converts to/from an ISO 8601 string.
+     */
+    valueType?: DateValueType;
+    /** Timezone used when converting to/from `'date'`/`'iso'`. Defaults to the local timezone. */
+    timeZone?: string;
+    defaultValue?: DateLike | DateLike[] | CalendarDateRange;
+    minValue?: DateLike;
+    maxValue?: DateLike;
     isDateDisabled?: (date: DateValue) => boolean;
     isDateUnavailable?: (date: DateValue) => boolean;
     ui?: Record<string, unknown>;

package/dist/runtime/components/inputs/FUCalendar.vue

@@ -1,12 +1,24 @@
 <script setup>
+import { computed } from "vue";
 import { useFormKitInput } from "../../utils/useFormKitInput";
+import { toDateValue, toDateValueOrRangeOrArray, fromDateValueOrRangeOrArray } from "../../utils/dateValueConversion";
 const props = defineProps({
   context: {
     type: Object,
     required: true
   }
 });
-const { handleInput, styleClass, color, modelValue, validSlotNames } = useFormKitInput(props.context);
+const { handleInput, styleClass, color, validSlotNames } = useFormKitInput(props.context);
+const conversionOptions = computed(() => ({ timeZone: props.context.timeZone }));
+const modelValue = computed({
+  get: () => toDateValueOrRangeOrArray(props.context._value, conversionOptions.value),
+  set: (value) => {
+    props.context.node.input(fromDateValueOrRangeOrArray(value, props.context.valueType ?? "calendar", props.context.timeZone));
+  }
+});
+const defaultValue = computed(() => toDateValueOrRangeOrArray(props.context.defaultValue, conversionOptions.value));
+const minValue = computed(() => toDateValue(props.context.minValue, conversionOptions.value));
+const maxValue = computed(() => toDateValue(props.context.maxValue, conversionOptions.value));
 </script>
 
 <template>
@@ -27,9 +39,9 @@ const { handleInput, styleClass, color, modelValue, validSlotNames } = useFormKi
     :month-controls="context.monthControls"
     :year-controls="context.yearControls"
     :view-control="context.viewControl"
-    :default-value="context.defaultValue"
-    :min-value="context.minValue"
-    :max-value="context.maxValue"
+    :default-value="defaultValue"
+    :min-value="minValue"
+    :max-value="maxValue"
     :is-date-disabled="context.isDateDisabled"
     :is-date-unavailable="context.isDateUnavailable"
     :ui="context.ui"

package/dist/runtime/components/inputs/FUCalendar.vue.d.ts

@@ -1,9 +1,11 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { DateValue } from '@internationalized/date';
 import type { PropType } from 'vue';
+import type { DateValueType } from '../../utils/dateValueConversion.js';
+type DateLike = DateValue | Date | string;
 export interface CalendarDateRange {
-    start: DateValue;
-    end: DateValue;
+    start: DateLike;
+    end: DateLike;
 }
 export interface FormKitCalendarProps {
     type?: 'date' | 'month' | 'year';
@@ -16,9 +18,17 @@ export interface FormKitCalendarProps {
     monthControls?: boolean;
     yearControls?: boolean;
     viewControl?: boolean;
-    defaultValue?: DateValue | DateValue[] | CalendarDateRange;
-    minValue?: DateValue;
-    maxValue?: DateValue;
+    /**
+     * Shape of the value read from / written to the FormKit form data.
+     * `'calendar'` (default) keeps the native `@internationalized/date` `DateValue`.
+     * `'date'` converts to/from a JS `Date`. `'iso'` converts to/from an ISO 8601 string.
+     */
+    valueType?: DateValueType;
+    /** Timezone used when converting to/from `'date'`/`'iso'`. Defaults to the local timezone. */
+    timeZone?: string;
+    defaultValue?: DateLike | DateLike[] | CalendarDateRange;
+    minValue?: DateLike;
+    maxValue?: DateLike;
     isDateDisabled?: (date: DateValue) => boolean;
     isDateUnavailable?: (date: DateValue) => boolean;
     ui?: Record<string, unknown>;

package/dist/runtime/components/inputs/FUInputDate.d.vue.ts

@@ -1,11 +1,13 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { CalendarDate, CalendarDateTime, DateValue, ZonedDateTime } from '@internationalized/date';
 import type { PropType } from 'vue';
+import type { DateValueType } from '../../utils/dateValueConversion.js';
 import type { AvatarProps } from '#ui/components/Avatar.vue';
 export interface DateRange {
     start: CalendarDate | CalendarDateTime | ZonedDateTime;
     end: CalendarDate | CalendarDateTime | ZonedDateTime;
 }
+type DateLike = CalendarDate | CalendarDateTime | ZonedDateTime | Date | string;
 export interface FormKitInputDateProps {
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
@@ -24,15 +26,26 @@ export interface FormKitInputDateProps {
     trailingIcon?: string;
     loading?: boolean;
     loadingIcon?: string;
-    defaultValue: CalendarDate | CalendarDateTime | ZonedDateTime | DateRange;
-    placeholder?: CalendarDate | CalendarDateTime | ZonedDateTime;
-    defaultPlaceholder?: CalendarDate | CalendarDateTime | ZonedDateTime;
+    /**
+     * Shape of the value read from / written to the FormKit form data.
+     * `'calendar'` (default) keeps the native `@internationalized/date` `DateValue`.
+     * `'date'` converts to/from a JS `Date`. `'iso'` converts to/from an ISO 8601 string.
+     */
+    valueType?: DateValueType;
+    /** Timezone used when converting to/from `'date'`/`'iso'`. Defaults to the local timezone. */
+    timeZone?: string;
+    defaultValue: DateLike | {
+        start: DateLike;
+        end: DateLike;
+    };
+    placeholder?: DateLike;
+    defaultPlaceholder?: DateLike;
     hourCycle?: 12 | 24;
     step?: Record<string, number>;
     granularity?: 'day' | 'hour' | 'minute' | 'second';
     hideTimeZone?: boolean;
-    maxValue?: CalendarDate | CalendarDateTime | ZonedDateTime;
-    minValue?: CalendarDate | CalendarDateTime | ZonedDateTime;
+    maxValue?: DateLike;
+    minValue?: DateLike;
     isDateUnavailable?: (date: DateValue) => boolean;
     ui?: Record<string, unknown>;
 }

package/dist/runtime/components/inputs/FUInputDate.vue

@@ -1,12 +1,30 @@
 <script setup>
+import { computed } from "vue";
 import { useFormKitInput } from "../../utils/useFormKitInput";
+import { fromDateValueOrRange, toDateValue, toDateValueOrRange } from "../../utils/dateValueConversion";
 const props = defineProps({
   context: {
     type: Object,
     required: true
   }
 });
-const { handleInput, handleChange, isInvalid, styleClass, color, modelValue, validSlotNames } = useFormKitInput(props.context);
+const { handleInput, handleChange, isInvalid, styleClass, color, validSlotNames } = useFormKitInput(props.context);
+const conversionOptions = computed(() => ({
+  granularity: props.context.granularity,
+  hideTimeZone: props.context.hideTimeZone,
+  timeZone: props.context.timeZone
+}));
+const modelValue = computed({
+  get: () => toDateValueOrRange(props.context._value, conversionOptions.value),
+  set: (value) => {
+    props.context.node.input(fromDateValueOrRange(value, props.context.valueType ?? "calendar", props.context.timeZone));
+  }
+});
+const defaultValue = computed(() => toDateValueOrRange(props.context.defaultValue, conversionOptions.value));
+const placeholder = computed(() => toDateValue(props.context.placeholder, conversionOptions.value));
+const defaultPlaceholder = computed(() => toDateValue(props.context.defaultPlaceholder, conversionOptions.value));
+const maxValue = computed(() => toDateValue(props.context.maxValue, conversionOptions.value));
+const minValue = computed(() => toDateValue(props.context.minValue, conversionOptions.value));
 </script>
 
 <template>
@@ -14,7 +32,7 @@ const { handleInput, handleChange, isInvalid, styleClass, color, modelValue, val
     :id="context.id"
     v-model="modelValue"
     v-bind="{ ...context?.attrs }"
-    :default-value="context.defaultValue"
+    :default-value="defaultValue"
     :class="styleClass"
     :disabled="!!context?.disabled"
     :readonly="context?.attrs.readonly ?? false"
@@ -23,8 +41,8 @@ const { handleInput, handleChange, isInvalid, styleClass, color, modelValue, val
     :highlight="isInvalid || context.highlight"
     :size="context.size ?? 'md'"
     :variant="context.variant ?? 'outline'"
-    :placeholder="context.placeholder"
-    :default-placeholder="context.defaultPlaceholder"
+    :placeholder="placeholder"
+    :default-placeholder="defaultPlaceholder"
     :autofocus="context.autofocus"
     :autofocus-delay="context.autofocusDelay"
     :fixed="context.fixed"
@@ -42,8 +60,8 @@ const { handleInput, handleChange, isInvalid, styleClass, color, modelValue, val
     :step="context.step"
     :granularity="context.granularity"
     :hide-time-zone="context.hideTimeZone"
-    :max-value="context.maxValue"
-    :min-value="context.minValue"
+    :max-value="maxValue"
+    :min-value="minValue"
     :is-date-unavailable="context.isDateUnavailable"
     :ui="context.ui"
     @change="handleChange"

package/dist/runtime/components/inputs/FUInputDate.vue.d.ts

@@ -1,11 +1,13 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { CalendarDate, CalendarDateTime, DateValue, ZonedDateTime } from '@internationalized/date';
 import type { PropType } from 'vue';
+import type { DateValueType } from '../../utils/dateValueConversion.js';
 import type { AvatarProps } from '#ui/components/Avatar.vue';
 export interface DateRange {
     start: CalendarDate | CalendarDateTime | ZonedDateTime;
     end: CalendarDate | CalendarDateTime | ZonedDateTime;
 }
+type DateLike = CalendarDate | CalendarDateTime | ZonedDateTime | Date | string;
 export interface FormKitInputDateProps {
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
@@ -24,15 +26,26 @@ export interface FormKitInputDateProps {
     trailingIcon?: string;
     loading?: boolean;
     loadingIcon?: string;
-    defaultValue: CalendarDate | CalendarDateTime | ZonedDateTime | DateRange;
-    placeholder?: CalendarDate | CalendarDateTime | ZonedDateTime;
-    defaultPlaceholder?: CalendarDate | CalendarDateTime | ZonedDateTime;
+    /**
+     * Shape of the value read from / written to the FormKit form data.
+     * `'calendar'` (default) keeps the native `@internationalized/date` `DateValue`.
+     * `'date'` converts to/from a JS `Date`. `'iso'` converts to/from an ISO 8601 string.
+     */
+    valueType?: DateValueType;
+    /** Timezone used when converting to/from `'date'`/`'iso'`. Defaults to the local timezone. */
+    timeZone?: string;
+    defaultValue: DateLike | {
+        start: DateLike;
+        end: DateLike;
+    };
+    placeholder?: DateLike;
+    defaultPlaceholder?: DateLike;
     hourCycle?: 12 | 24;
     step?: Record<string, number>;
     granularity?: 'day' | 'hour' | 'minute' | 'second';
     hideTimeZone?: boolean;
-    maxValue?: CalendarDate | CalendarDateTime | ZonedDateTime;
-    minValue?: CalendarDate | CalendarDateTime | ZonedDateTime;
+    maxValue?: DateLike;
+    minValue?: DateLike;
     isDateUnavailable?: (date: DateValue) => boolean;
     ui?: Record<string, unknown>;
 }

package/dist/runtime/formkit/definitions/input.js

@@ -20,7 +20,7 @@ import FUSlider from "../../../runtime/components/inputs/FUSlider.vue";
 import FUSwitch from "../../../runtime/components/inputs/FUSwitch.vue";
 import FUTextarea from "../../../runtime/components/inputs/FUTextarea.vue";
 export const nuxtUICalendarDefinition = createInput(FUCalendar, {
-  props: ["type", "range", "multiple", "color", "variant", "size", "weekNumbers", "monthControls", "yearControls", "viewControl", "defaultValue", "minValue", "maxValue", "isDateDisabled", "isDateUnavailable", "ui"],
+  props: ["type", "range", "multiple", "color", "variant", "size", "weekNumbers", "monthControls", "yearControls", "viewControl", "defaultValue", "minValue", "maxValue", "isDateDisabled", "isDateUnavailable", "ui", "valueType", "timeZone"],
   family: "NuxtUIInput"
 });
 export const nuxtUICheckboxDefinition = createInput(FUCheckbox, {
@@ -48,7 +48,7 @@ export const nuxtUIInputDefinition = createInput(FUInput, {
   family: "NuxtUIInput"
 });
 export const nuxtUIInputDateDefinition = createInput(FUInputDate, {
-  props: ["defaultValue", "color", "variant", "size", "highlight", "fixed", "autofocus", "autofocusDelay", "range", "separatorIcon", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "placeholder", "defaultPlaceholder", "hourCycle", "step", "granularity", "hideTimeZone", "maxValue", "minValue", "isDateUnavailable", "ui"],
+  props: ["defaultValue", "color", "variant", "size", "highlight", "fixed", "autofocus", "autofocusDelay", "range", "separatorIcon", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "placeholder", "defaultPlaceholder", "hourCycle", "step", "granularity", "hideTimeZone", "maxValue", "minValue", "isDateUnavailable", "ui", "valueType", "timeZone"],
   family: "NuxtUIInput"
 });
 export const nuxtUIInputMenuDefinition = createInput(FUInputMenu, {

package/dist/runtime/formkit/definitions/input.mjs

@@ -20,7 +20,7 @@ import FUSlider from "../../../runtime/components/inputs/FUSlider.vue";
 import FUSwitch from "../../../runtime/components/inputs/FUSwitch.vue";
 import FUTextarea from "../../../runtime/components/inputs/FUTextarea.vue";
 export const nuxtUICalendarDefinition = createInput(FUCalendar, {
-  props: ["type", "range", "multiple", "color", "variant", "size", "weekNumbers", "monthControls", "yearControls", "viewControl", "defaultValue", "minValue", "maxValue", "isDateDisabled", "isDateUnavailable", "ui"],
+  props: ["type", "range", "multiple", "color", "variant", "size", "weekNumbers", "monthControls", "yearControls", "viewControl", "defaultValue", "minValue", "maxValue", "isDateDisabled", "isDateUnavailable", "ui", "valueType", "timeZone"],
   family: "NuxtUIInput"
 });
 export const nuxtUICheckboxDefinition = createInput(FUCheckbox, {
@@ -48,7 +48,7 @@ export const nuxtUIInputDefinition = createInput(FUInput, {
   family: "NuxtUIInput"
 });
 export const nuxtUIInputDateDefinition = createInput(FUInputDate, {
-  props: ["defaultValue", "color", "variant", "size", "highlight", "fixed", "autofocus", "autofocusDelay", "range", "separatorIcon", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "placeholder", "defaultPlaceholder", "hourCycle", "step", "granularity", "hideTimeZone", "maxValue", "minValue", "isDateUnavailable", "ui"],
+  props: ["defaultValue", "color", "variant", "size", "highlight", "fixed", "autofocus", "autofocusDelay", "range", "separatorIcon", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "placeholder", "defaultPlaceholder", "hourCycle", "step", "granularity", "hideTimeZone", "maxValue", "minValue", "isDateUnavailable", "ui", "valueType", "timeZone"],
   family: "NuxtUIInput"
 });
 export const nuxtUIInputMenuDefinition = createInput(FUInputMenu, {

package/dist/runtime/utils/dateValueConversion.d.ts

@@ -0,0 +1,35 @@
+import type { DateValue } from '@internationalized/date';
+import { CalendarDate, CalendarDateTime, ZonedDateTime } from '@internationalized/date';
+export type DateValueType = 'calendar' | 'date' | 'iso';
+export interface DateConversionOptions {
+    granularity?: 'day' | 'hour' | 'minute' | 'second';
+    hideTimeZone?: boolean;
+    timeZone?: string;
+}
+/**
+ * Converts an external value (JS `Date`, ISO 8601 string, or an already-native
+ * `DateValue`) into the `DateValue` that `UInputDate`/`UCalendar` require.
+ */
+export declare function toDateValue(value: unknown, options?: DateConversionOptions): DateValue | undefined;
+/** Same as {@link toDateValue}, but also handles the `{ start, end }` range shape. */
+export declare function toDateValueOrRange(value: unknown, options?: DateConversionOptions): CalendarDate | CalendarDateTime | ZonedDateTime | {
+    start: DateValue | undefined;
+    end: DateValue | undefined;
+} | undefined;
+/** Same as {@link toDateValueOrRange}, but also handles arrays (multiple-selection mode). */
+export declare function toDateValueOrRangeOrArray(value: unknown, options?: DateConversionOptions): CalendarDate | CalendarDateTime | ZonedDateTime | {
+    start: DateValue | undefined;
+    end: DateValue | undefined;
+} | DateValue[] | undefined;
+/** Converts a `DateValue` emitted by `UInputDate`/`UCalendar` back into the shape the form value should take. */
+export declare function fromDateValue(value: DateValue | undefined, valueType: DateValueType, timeZone?: string): DateValue | Date | string | undefined;
+/** Same as {@link fromDateValue}, but also handles the `{ start, end }` range shape. */
+export declare function fromDateValueOrRange(value: unknown, valueType: DateValueType, timeZone?: string): string | Date | CalendarDate | CalendarDateTime | ZonedDateTime | {
+    start: string | Date | DateValue | undefined;
+    end: string | Date | DateValue | undefined;
+} | undefined;
+/** Same as {@link fromDateValueOrRange}, but also handles arrays (multiple-selection mode). */
+export declare function fromDateValueOrRangeOrArray(value: unknown, valueType: DateValueType, timeZone?: string): string | Date | CalendarDate | CalendarDateTime | ZonedDateTime | {
+    start: string | Date | DateValue | undefined;
+    end: string | Date | DateValue | undefined;
+} | (string | Date | DateValue | undefined)[] | undefined;

package/dist/runtime/utils/dateValueConversion.js

@@ -0,0 +1,80 @@
+import { CalendarDate, CalendarDateTime, ZonedDateTime, fromDate, getLocalTimeZone, parseAbsolute, parseDate, parseDateTime, toCalendarDate, toCalendarDateTime } from "@internationalized/date";
+const ISO_DATE_ONLY = /^\d{4}-\d{2}-\d{2}$/;
+const ISO_HAS_ZONE = /(?:Z|[+-]\d{2}:\d{2})(?:\[[^\]]+\])?$/;
+function isDateValue(value) {
+  return value instanceof CalendarDate || value instanceof CalendarDateTime || value instanceof ZonedDateTime;
+}
+function isRangeLike(value) {
+  return typeof value === "object" && value !== null && "start" in value && "end" in value;
+}
+export function toDateValue(value, options = {}) {
+  if (value === void 0 || value === null || value === "") {
+    return void 0;
+  }
+  if (isDateValue(value)) {
+    return value;
+  }
+  const timeZone = options.timeZone ?? getLocalTimeZone();
+  const withTime = options.granularity != null && options.granularity !== "day";
+  if (value instanceof Date) {
+    const zoned = fromDate(value, timeZone);
+    if (!withTime) {
+      return toCalendarDate(zoned);
+    }
+    return options.hideTimeZone ? toCalendarDateTime(zoned) : zoned;
+  }
+  if (typeof value === "string") {
+    if (!withTime && ISO_DATE_ONLY.test(value)) {
+      return parseDate(value);
+    }
+    if (withTime && !ISO_HAS_ZONE.test(value)) {
+      return parseDateTime(value);
+    }
+    const zoned = parseAbsolute(value, timeZone);
+    return withTime ? options.hideTimeZone ? toCalendarDateTime(zoned) : zoned : toCalendarDate(zoned);
+  }
+  return void 0;
+}
+export function toDateValueOrRange(value, options = {}) {
+  if (isRangeLike(value)) {
+    return {
+      start: toDateValue(value.start, options),
+      end: toDateValue(value.end, options)
+    };
+  }
+  return toDateValue(value, options);
+}
+export function toDateValueOrRangeOrArray(value, options = {}) {
+  if (Array.isArray(value)) {
+    return value.map((item) => toDateValue(item, options)).filter((item) => item !== void 0);
+  }
+  return toDateValueOrRange(value, options);
+}
+export function fromDateValue(value, valueType, timeZone) {
+  if (value === void 0 || value === null) {
+    return void 0;
+  }
+  if (valueType === "calendar") {
+    return value;
+  }
+  const jsDate = value instanceof ZonedDateTime ? value.toDate() : value.toDate(timeZone ?? getLocalTimeZone());
+  if (valueType === "date") {
+    return jsDate;
+  }
+  return value.toString();
+}
+export function fromDateValueOrRange(value, valueType, timeZone) {
+  if (isRangeLike(value)) {
+    return {
+      start: fromDateValue(value.start, valueType, timeZone),
+      end: fromDateValue(value.end, valueType, timeZone)
+    };
+  }
+  return fromDateValue(value, valueType, timeZone);
+}
+export function fromDateValueOrRangeOrArray(value, valueType, timeZone) {
+  if (Array.isArray(value)) {
+    return value.map((item) => fromDateValue(item, valueType, timeZone));
+  }
+  return fromDateValueOrRange(value, valueType, timeZone);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sfxcode/nuxt-ui-formkit",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "FormKit integration for Nuxt UI - Seamlessly connect FormKit form handling with Nuxt UI components",
   "author": {
     "name": "Tom",
@@ -78,7 +78,7 @@
     "dev": "npm run dev:prepare && nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
-    "release": "npm run lint && npm run test && npm run prepack && changelogen --minor --release && npm publish --access=public && git push --follow-tags",
+    "release": "npm run lint && npm run test && npm run prepack && changelogen --patch --release && npm publish --access=public && git push --follow-tags",
     "lint": "eslint .",
     "test": "vitest run",
     "test:watch": "vitest watch",