@solid2-aria/stately 0.0.0-stage → 0.0.1

package/dist/datepicker/create-date-range-picker-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-date-range-picker-state.js","names":[],"sources":["../../src/datepicker/create-date-range-picker-state.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-stately/src/datepicker/useDateRangePickerState.ts.\n * Modified for Solid Aria: adapted reactive state, getters, imports, and APIs for Solid 2.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport {\n  DateFormatter,\n  toCalendarDate,\n  toCalendarDateTime,\n} from \"@internationalized/date\";\nimport type { RangeValue, ValidationState } from \"@solid2-aria/types-shared\";\nimport {\n  createMemo,\n  createSignal,\n  createRenderEffect,\n  untrack,\n  merge,\n} from \"solid-js\";\n\nimport { createFormValidationState } from \"../form/create-form-validation-state\";\nimport type { FormValidationState } from \"../form/create-form-validation-state\";\nimport { createOverlayTriggerState } from \"../overlays/create-overlay-trigger-state\";\nimport type { OverlayTriggerState } from \"../overlays/create-overlay-trigger-state\";\nimport { createControlledSignal } from \"../utils/create-controlled-signal\";\nimport { getLegacyValidationState } from \"../utils/legacy-props\";\nimport type {\n  DateRange,\n  DateRangePickerProps,\n  DateValue,\n  Granularity,\n  MappedDateValue,\n  TimeValue,\n} from \"./types\";\nimport {\n  getFormatOptions,\n  getPlaceholderTime,\n  getRangeValidationResult,\n  createDefaultProps,\n} from \"./utils\";\nimport type { FieldOptions, FormatterOptions } from \"./utils\";\n\nexport interface DateRangePickerStateOptions<\n  T extends DateValue = DateValue,\n> extends DateRangePickerProps<T> {\n  /**\n   * Determines whether the date picker popover should close automatically when a date is selected.\n   *\n   * @default true\n   */\n  shouldCloseOnSelect?: boolean | (() => boolean);\n}\n\ntype TimeRange = RangeValue<TimeValue>;\n\nexport interface DateRangePickerState\n  extends OverlayTriggerState, FormValidationState {\n  /** The currently selected date range. */\n  value: RangeValue<DateValue | null>;\n  /** The default selected date range. */\n  defaultValue: DateRange | null;\n  /** Sets the selected date range. */\n  setValue: (value: DateRange | null) => void;\n  /**\n   * The date portion of the selected range. This may be set prior to `value` if the user has\n   * selected a date range but has not yet selected a time range.\n   */\n  dateRange: RangeValue<DateValue | null> | null;\n  /** Sets the date portion of the selected range. */\n  setDateRange: (value: DateRange) => void;\n  /**\n   * The time portion of the selected range. This may be set prior to `value` if the user has\n   * selected a time range but has not yet selected a date range.\n   */\n  timeRange: RangeValue<TimeValue | null> | null;\n  /** Sets the time portion of the selected range. */\n  setTimeRange: (value: TimeRange) => void;\n  /** Sets the date portion of either the start or end of the selected range. */\n  setDate: (part: \"start\" | \"end\", value: DateValue | null) => void;\n  /** Sets the time portion of either the start or end of the selected range. */\n  setTime: (part: \"start\" | \"end\", value: TimeValue | null) => void;\n  /** Sets the date and time of either the start or end of the selected range. */\n  setDateTime: (part: \"start\" | \"end\", value: DateValue | null) => void;\n  /** The granularity for the field, based on the `granularity` prop and current value. */\n  granularity: Granularity;\n  /**\n   * Whether the date range picker supports selecting times, according to the `granularity` prop and\n   * current value.\n   */\n  hasTime: boolean;\n  /** Whether the calendar popover is currently open. */\n  isOpen: boolean;\n  /** Sets whether the calendar popover is open. */\n  setOpen: (isOpen: boolean) => void;\n  /**\n   * The current validation state of the date range picker, based on the `validationState`,\n   * `minValue`, and `maxValue` props.\n   *\n   * @deprecated Use `isInvalid` instead.\n   */\n  validationState: ValidationState | null;\n  /**\n   * Whether the date range picker is invalid, based on the `isInvalid`, `minValue`, and `maxValue`\n   * props.\n   */\n  isInvalid: boolean;\n  /** Formats the selected range using the given options. */\n  formatValue: (\n    locale: string,\n    fieldOptions: FieldOptions\n  ) => {\n    start: string;\n    end: string;\n  } | null;\n  /** Gets a formatter based on state's props. */\n  getDateFormatter: (\n    locale: string,\n    formatOptions: FormatterOptions\n  ) => DateFormatter;\n}\n\n/**\n * Provides state management for a date range picker component.\n * A date range picker combines two DateFields and a RangeCalendar popover to allow\n * users to enter or select a date and time range.\n */\nexport function createDateRangePickerState<T extends DateValue = DateValue>(\n  props: DateRangePickerStateOptions<T>\n): DateRangePickerState {\n  const overlayState = createOverlayTriggerState(props);\n\n  const [controlledValue, setControlledValue] =\n    createControlledSignal<DateRange | null>(\n      () => props.value,\n      untrack(() => props.defaultValue ?? null),\n      (value) =>\n        // SAFETY: Date edits preserve the input date/time class; the mapped generic callback widens subclasses to that class.\n        // oxlint-disable-next-line typescript/no-unsafe-type-assertion\n        props.onChange?.(value as RangeValue<MappedDateValue<T>> | null)\n    );\n\n  const initialValue = untrack(() => controlledValue());\n\n  const [placeholderValue, setPlaceholderValue] = createSignal<\n    RangeValue<DateValue | null>\n  >(\n    untrack(() =>\n      (() => {\n        const currentControlledValue = controlledValue();\n\n        return currentControlledValue ?? { end: null, start: null };\n      })()\n    ),\n    { ownedWrite: true }\n  );\n\n  createRenderEffect(\n    () => ({\n      controlled: controlledValue(),\n      placeholder: placeholderValue(),\n    }),\n    ({ controlled, placeholder }) => {\n      if (!controlled && placeholder.start && placeholder.end) {\n        setPlaceholderValue({ end: null, start: null });\n      }\n    }\n  );\n\n  const value = createMemo(() => {\n    const currentControlledValue = controlledValue();\n    const currentPlaceholderValue = placeholderValue();\n\n    return currentControlledValue ?? currentPlaceholderValue;\n  });\n\n  const setValue = (newValue: RangeValue<DateValue | null> | null) => {\n    const currentValue = newValue ?? { end: null, start: null };\n    setPlaceholderValue(currentValue);\n\n    if (isCompleteRange(currentValue)) {\n      setControlledValue(currentValue);\n    } else {\n      setControlledValue(null);\n    }\n  };\n\n  const v = createMemo(() => {\n    const currentValue = value();\n\n    return (\n      currentValue?.start ?? currentValue?.end ?? props.placeholderValue ?? null\n    );\n  });\n\n  const derived0 = createDefaultProps(v, () => props.granularity);\n\n  const granularity = createMemo(() => {\n    const currentDerived0 = derived0();\n\n    return currentDerived0[0];\n  });\n\n  const defaultTimeZone = createMemo(() => {\n    const currentDerived0 = derived0();\n\n    return currentDerived0[1];\n  });\n\n  const hasTime = createMemo(() => {\n    const currentGranularity = granularity();\n\n    return (\n      currentGranularity === \"hour\" ||\n      currentGranularity === \"minute\" ||\n      currentGranularity === \"second\"\n    );\n  });\n\n  const shouldCloseOnSelect = createMemo(\n    () => props.shouldCloseOnSelect ?? true\n  );\n\n  const [dateRange, setSelectedDateRange] =\n    createSignal<RangeValue<DateValue | null> | null>(null, {\n      ownedWrite: true,\n    });\n\n  const [timeRange, setSelectedTimeRange] =\n    createSignal<RangeValue<TimeValue | null> | null>(null, {\n      ownedWrite: true,\n    });\n\n  createRenderEffect(value, (currentValue) => {\n    if (isCompleteRange(currentValue)) {\n      setSelectedDateRange(currentValue);\n\n      if (\"hour\" in currentValue.start && \"hour\" in currentValue.end) {\n        setSelectedTimeRange({\n          end: currentValue.end,\n          start: currentValue.start,\n        });\n      }\n    }\n  });\n\n  const showEra = createMemo(() => {\n    const currentValue = value();\n\n    return (\n      (currentValue?.start?.calendar.identifier === \"gregory\" &&\n        currentValue.start.era === \"BC\") ||\n      (currentValue?.end?.calendar.identifier === \"gregory\" &&\n        currentValue.end.era === \"BC\")\n    );\n  });\n\n  const formatOpts = createMemo(() => {\n    const currentGranularity = granularity();\n    const currentDefaultTimeZone = defaultTimeZone();\n    const currentShowEra = showEra();\n\n    return {\n      granularity: currentGranularity,\n      hideTimeZone: props.hideTimeZone,\n      hourCycle: props.hourCycle,\n      shouldForceLeadingZeros: props.shouldForceLeadingZeros,\n      showEra: currentShowEra,\n      timeZone: currentDefaultTimeZone,\n    };\n  });\n\n  const minValue = createMemo(() => props.minValue);\n  const maxValue = createMemo(() => props.maxValue);\n  const isDateUnavailable = createMemo(() => props.isDateUnavailable);\n\n  const builtinValidation = createMemo(() => {\n    const currentValue = value();\n    const currentMinValue = minValue();\n    const currentMaxValue = maxValue();\n    const currentIsDateUnavailable = isDateUnavailable();\n    const currentFormatOpts = formatOpts();\n\n    return getRangeValidationResult(\n      currentValue,\n      currentMinValue,\n      currentMaxValue,\n      currentIsDateUnavailable\n        ? (date) => currentIsDateUnavailable(date, null)\n        : undefined,\n      currentFormatOpts\n    );\n  });\n\n  const derivedProperty0 = createMemo(() =>\n    [props.startName, props.endName].filter(\n      (n) => n !== null && n !== undefined\n    )\n  );\n\n  const validation = createFormValidationState<DateRange>(\n    merge(props, {\n      get builtinValidation() {\n        return builtinValidation();\n      },\n      get name() {\n        return derivedProperty0();\n      },\n      validate: (localValue: DateRange) =>\n        // SAFETY: Date edits preserve the input date/time class; the mapped generic callback widens subclasses to that class.\n        // oxlint-disable-next-line typescript/no-unsafe-type-assertion\n        props.validate?.(localValue as RangeValue<MappedDateValue<T>>),\n      get value() {\n        // SAFETY: Date edits preserve the input date/time class; the mapped generic callback widens subclasses to that class.\n        // oxlint-disable-next-line typescript/no-unsafe-type-assertion\n        return controlledValue() as RangeValue<MappedDateValue<T>> | null;\n      },\n    })\n  );\n\n  const commitValue = (\n    localDateRange: DateRange,\n    localTimeRange: TimeRange\n  ) => {\n    setValue({\n      end:\n        \"timeZone\" in localTimeRange.end\n          ? localTimeRange.end.set(toCalendarDate(localDateRange.end))\n          : toCalendarDateTime(localDateRange.end, localTimeRange.end),\n      start:\n        \"timeZone\" in localTimeRange.start\n          ? localTimeRange.start.set(toCalendarDate(localDateRange.start))\n          : toCalendarDateTime(localDateRange.start, localTimeRange.start),\n    });\n    setSelectedDateRange(null);\n    setSelectedTimeRange(null);\n    validation.commitValidation();\n  };\n\n  // Intercept setValue to make sure the Time section is not changed by date selection in Calendar\n  const setDateRange = (range: RangeValue<DateValue | null>) => {\n    const currentShouldCloseOnSelect = shouldCloseOnSelect();\n    const currentHasTime = hasTime();\n    const currentTimeRange = timeRange();\n\n    const shouldClose =\n      typeof currentShouldCloseOnSelect === \"function\"\n        ? currentShouldCloseOnSelect()\n        : currentShouldCloseOnSelect;\n\n    if (currentHasTime) {\n      // Set a placeholder time if the popover is closing so we don't leave the field in an incomplete state.\n      if (\n        isCompleteRange(range) &&\n        (shouldClose || (currentTimeRange?.start && currentTimeRange?.end))\n      ) {\n        commitValue(range, {\n          end:\n            currentTimeRange?.end ?? getPlaceholderTime(props.placeholderValue),\n          start:\n            currentTimeRange?.start ??\n            getPlaceholderTime(props.placeholderValue),\n        });\n      } else {\n        setSelectedDateRange(range);\n      }\n    } else if (isCompleteRange(range)) {\n      setValue(range);\n      validation.commitValidation();\n    } else {\n      setSelectedDateRange(range);\n    }\n\n    if (shouldClose) {\n      overlayState.setOpen(false);\n    }\n  };\n\n  const setTimeRange = (range: RangeValue<TimeValue | null>) => {\n    const currentDateRange = dateRange();\n\n    if (isCompleteRange(currentDateRange) && isCompleteRange(range)) {\n      commitValue(currentDateRange, range);\n    } else {\n      setSelectedTimeRange(range);\n    }\n  };\n\n  const isValueInvalid = createMemo(\n    () => validation.displayValidation.isInvalid\n  );\n\n  const validationState = createMemo(() => {\n    const currentIsValueInvalid = isValueInvalid();\n\n    return (\n      getLegacyValidationState(props) ??\n      (currentIsValueInvalid ? \"invalid\" : null)\n    );\n  });\n\n  return merge(\n    validation,\n    {\n      get dateRange() {\n        return dateRange();\n      },\n      get defaultValue() {\n        return props.defaultValue ?? initialValue;\n      },\n      get granularity() {\n        return granularity();\n      },\n      get hasTime() {\n        return hasTime();\n      },\n      setDate(part, date) {\n        const currentDateRange = dateRange();\n\n        if (part === \"start\") {\n          setDateRange({ end: currentDateRange?.end ?? null, start: date });\n        } else {\n          setDateRange({ end: date, start: currentDateRange?.start ?? null });\n        }\n      },\n      setDateRange,\n      setDateTime(part, dateTime) {\n        const currentValue = value();\n\n        if (part === \"start\") {\n          setValue({ end: currentValue?.end ?? null, start: dateTime });\n        } else {\n          setValue({ end: dateTime, start: currentValue?.start ?? null });\n        }\n      },\n      setTime(part, time) {\n        const currentTimeRange = timeRange();\n\n        if (part === \"start\") {\n          setTimeRange({ end: currentTimeRange?.end ?? null, start: time });\n        } else {\n          setTimeRange({ end: time, start: currentTimeRange?.start ?? null });\n        }\n      },\n      setTimeRange,\n      setValue,\n      get timeRange() {\n        return timeRange();\n      },\n      get value() {\n        return value();\n      },\n    } satisfies Partial<DateRangePickerState>,\n    overlayState,\n    {\n      formatValue(locale, fieldOptions) {\n        const currentValue = value();\n\n        if (!currentValue.start || !currentValue.end) {\n          return null;\n        }\n\n        const startTimeZone =\n          \"timeZone\" in currentValue.start\n            ? currentValue.start.timeZone\n            : undefined;\n\n        const startGranularity =\n          props.granularity ??\n          (Boolean(currentValue.start) && \"minute\" in currentValue.start\n            ? \"minute\"\n            : \"day\");\n\n        const endTimeZone =\n          \"timeZone\" in currentValue.end\n            ? currentValue.end.timeZone\n            : undefined;\n\n        const endGranularity =\n          props.granularity ??\n          (Boolean(currentValue.end) && \"minute\" in currentValue.end\n            ? \"minute\"\n            : \"day\");\n\n        const startOptions = getFormatOptions(fieldOptions, {\n          granularity: startGranularity,\n          hideTimeZone: props.hideTimeZone,\n          hourCycle: props.hourCycle,\n          showEra:\n            (currentValue.start.calendar.identifier === \"gregory\" &&\n              currentValue.start.era === \"BC\") ||\n            (currentValue.end.calendar.identifier === \"gregory\" &&\n              currentValue.end.era === \"BC\"),\n          timeZone: startTimeZone,\n        });\n\n        const startDate = currentValue.start.toDate(startTimeZone ?? \"UTC\");\n        const endDate = currentValue.end.toDate(endTimeZone ?? \"UTC\");\n        const startFormatter = new DateFormatter(locale, startOptions);\n        let endFormatter: Intl.DateTimeFormat;\n\n        if (\n          startTimeZone === endTimeZone &&\n          startGranularity === endGranularity &&\n          currentValue.start.compare(currentValue.end) !== 0\n        ) {\n          // Use formatRange, as it results in shorter output when some of the fields\n          // are shared between the start and end dates (e.g. the same month).\n          // Formatting will fail if the end date is before the start date. Fall back below when that happens.\n          try {\n            return splitDateRangeParts(\n              startFormatter.formatRangeToParts(startDate, endDate)\n            );\n          } catch {\n            // ignore\n          }\n\n          endFormatter = startFormatter;\n        } else {\n          const endOptions = getFormatOptions(fieldOptions, {\n            granularity: endGranularity,\n            hideTimeZone: props.hideTimeZone,\n            hourCycle: props.hourCycle,\n            timeZone: endTimeZone,\n          });\n\n          endFormatter = new DateFormatter(locale, endOptions);\n        }\n\n        return {\n          end: endFormatter.format(endDate),\n          start: startFormatter.format(startDate),\n        };\n      },\n      getDateFormatter(locale, formatOptions: FormatterOptions) {\n        const currentFormatOpts = formatOpts();\n        const newOptions = { ...currentFormatOpts, ...formatOptions };\n        const newFormatOptions = getFormatOptions({}, newOptions);\n\n        return new DateFormatter(locale, newFormatOptions);\n      },\n      get isInvalid() {\n        return isValueInvalid();\n      },\n      setOpen(isOpen) {\n        const currentValue = value();\n        const currentDateRange = dateRange();\n        const currentHasTime = hasTime();\n        const currentTimeRange = timeRange();\n\n        // Commit the selected date range when the calendar is closed. Use a placeholder time if one wasn't set.\n        // If only the time range was set and not the date range, don't commit. The state will be preserved until\n        // the user opens the popover again.\n        if (\n          !isOpen &&\n          (!currentValue?.start || !currentValue?.end) &&\n          isCompleteRange(currentDateRange) &&\n          currentHasTime\n        ) {\n          commitValue(currentDateRange, {\n            end:\n              currentTimeRange?.end ??\n              getPlaceholderTime(props.placeholderValue),\n            start:\n              currentTimeRange?.start ??\n              getPlaceholderTime(props.placeholderValue),\n          });\n        }\n\n        overlayState.setOpen(isOpen);\n      },\n      // oxlint-disable-next-line typescript/no-deprecated -- Expose the legacy output alias for existing consumers; internal state uses its modern replacement.\n      get validationState() {\n        return validationState();\n      },\n    } satisfies Partial<DateRangePickerState>\n  );\n}\n\nfunction isCompleteRange<T>(\n  value: RangeValue<T | null> | null\n): value is RangeValue<T> {\n  return (\n    value?.start !== null &&\n    value?.start !== undefined &&\n    value.end !== null &&\n    value.end !== undefined\n  );\n}\n\nfunction splitDateRangeParts(\n  parts: ReturnType<Intl.DateTimeFormat[\"formatRangeToParts\"]>\n) {\n  let separatorIndex = -1;\n\n  for (const [index, part] of parts.entries()) {\n    if (part.source === \"shared\" && part.type === \"literal\") {\n      separatorIndex = index;\n    } else if (part.source === \"endRange\") {\n      break;\n    }\n  }\n\n  let start = \"\";\n  let end = \"\";\n\n  for (const [index, part] of parts.entries()) {\n    if (index < separatorIndex) {\n      start += part.value;\n    } else if (index > separatorIndex) {\n      end += part.value;\n    }\n  }\n\n  return { end, start };\n}\n"],"mappings":"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"}

package/dist/datepicker/create-time-field-state.d.ts

@@ -0,0 +1,34 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/datepicker/useTimeFieldState.ts.
+ * Modified for Solid Aria: adapted reactive state, getters, imports, and APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { TimePickerProps, TimeValue } from "./types.js";
+import { DateFieldState } from "./create-date-field-state.js";
+import { Time } from "@internationalized/date";
+export interface TimeFieldStateOptions<T extends TimeValue = TimeValue> extends TimePickerProps<T> {
+  /** The locale to display and edit the value according to. */
+  locale: string;
+}
+export interface TimeFieldState extends DateFieldState {
+  /** The current time value. */
+  timeValue: Time;
+}
+/**
+ * Provides state management for a time field component.
+ * A time field allows users to enter and edit time values using a keyboard.
+ * Each part of a time value is displayed in an individually editable segment.
+ */
+export declare function createTimeFieldState<T extends TimeValue = TimeValue>(props: TimeFieldStateOptions<T>): TimeFieldState;
+//# sourceMappingURL=create-time-field-state.d.ts.map

package/dist/datepicker/create-time-field-state.js

@@ -0,0 +1,128 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/datepicker/useTimeFieldState.ts.
+ * Modified for Solid Aria: adapted reactive state, getters, imports, and APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createControlledSignal } from "../utils/create-controlled-signal.js";
+import { requireValue } from "../utils/require-value.js";
+import { createDateFieldState } from "./create-date-field-state.js";
+import { createMemo, merge, omit, untrack } from "solid-js";
+import { GregorianCalendar, Time, getLocalTimeZone, toCalendarDateTime, toTime, toZoned, today } from "@internationalized/date";
+// src/datepicker/create-time-field-state.ts
+/**
+* Provides state management for a time field component.
+* A time field allows users to enter and edit time values using a keyboard.
+* Each part of a time value is displayed in an individually editable segment.
+*/
+function createTimeFieldState(props) {
+	const placeholderValue = createMemo(() => props.placeholderValue ?? new Time());
+	const minValue = createMemo(() => props.minValue);
+	const maxValue = createMemo(() => props.maxValue);
+	const defaultValue = createMemo(() => props.defaultValue);
+	const granularity = createMemo(() => props.granularity);
+	const validate = createMemo(() => props.validate);
+	const [value, setValue] = createControlledSignal(() => props.value, untrack(() => {
+		return defaultValue() ?? null;
+	}), (localValue) => props.onChange?.(localValue));
+	const v = createMemo(() => {
+		const currentValue = value();
+		const currentPlaceholderValue = placeholderValue();
+		return currentValue ?? currentPlaceholderValue;
+	});
+	const day = createMemo(() => {
+		const currentV = v();
+		return Boolean(currentV) && "day" in currentV ? currentV : void 0;
+	});
+	const defaultValueTimeZone = createMemo(() => {
+		const currentDefaultValue = defaultValue();
+		return currentDefaultValue && "timeZone" in currentDefaultValue ? currentDefaultValue.timeZone : void 0;
+	});
+	const placeholderDate = createMemo(() => {
+		const currentV = v();
+		const currentDefaultValueTimeZone = defaultValueTimeZone();
+		const currentPlaceholderValue = placeholderValue();
+		const valueTimeZone = Boolean(currentV) && "timeZone" in currentV ? currentV.timeZone : void 0;
+		return (valueTimeZone !== void 0 && valueTimeZone !== "" || currentDefaultValueTimeZone !== void 0 && currentDefaultValueTimeZone !== "") && Boolean(currentPlaceholderValue) ? toZoned(requireValue(convertValue(currentPlaceholderValue), "Expected convertValue(currentPlaceholderValue) to exist."), requireValue(valueTimeZone ?? currentDefaultValueTimeZone, "Zoned placeholders require a time zone.")) : convertValue(currentPlaceholderValue);
+	});
+	const minDate = createMemo(() => {
+		return convertValue(minValue(), day());
+	});
+	const maxDate = createMemo(() => {
+		return convertValue(maxValue(), day());
+	});
+	const timeValue = createMemo(() => {
+		const currentValue = value();
+		return currentValue && "day" in currentValue ? toTime(currentValue) : currentValue;
+	});
+	const dateTime = createMemo(() => {
+		const currentValue = value();
+		return currentValue === null || currentValue === void 0 ? null : convertValue(currentValue);
+	});
+	const defaultDateTime = createMemo(() => {
+		const currentDefaultValue = defaultValue();
+		return currentDefaultValue === null || currentDefaultValue === void 0 ? null : convertValue(currentDefaultValue);
+	});
+	const onChange = (newValue) => {
+		const currentDay = day();
+		const currentDefaultValueTimeZone = defaultValueTimeZone();
+		if (newValue === null || newValue === void 0) setValue(null);
+		else if ("hour" in newValue) setValue(currentDay || currentDefaultValueTimeZone !== void 0 && currentDefaultValueTimeZone !== "" ? newValue : toTime(newValue));
+	};
+	const state = createDateFieldState(merge(omit(props, "value", "defaultValue", "minValue", "maxValue", "placeholderValue", "onChange", "validate"), {
+		get createCalendar() {
+			return () => new GregorianCalendar();
+		},
+		get defaultValue() {
+			return defaultDateTime();
+		},
+		get granularity() {
+			return granularity() ?? "minute";
+		},
+		get maxGranularity() {
+			return "hour";
+		},
+		get maxValue() {
+			return maxDate();
+		},
+		get minValue() {
+			return minDate();
+		},
+		onChange,
+		get placeholderValue() {
+			const date = placeholderDate();
+			return date && "day" in date ? date : void 0;
+		},
+		get validate() {
+			return () => {
+				const currentValidate = validate();
+				const currentValue = value();
+				return currentValidate?.(currentValue);
+			};
+		},
+		get value() {
+			return dateTime();
+		}
+	}));
+	return merge(state, { get timeValue() {
+		return requireValue(timeValue(), "Time fields require a placeholder time.");
+	} });
+}
+function convertValue(value, date = today(getLocalTimeZone())) {
+	if (!value) return null;
+	if ("day" in value) return value;
+	return toCalendarDateTime(date, value);
+}
+export { createTimeFieldState };
+
+//# sourceMappingURL=create-time-field-state.js.map

package/dist/datepicker/create-time-field-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-time-field-state.js","names":[],"sources":["../../src/datepicker/create-time-field-state.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the 'License');\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-stately/src/datepicker/useTimeFieldState.ts.\n * Modified for Solid Aria: adapted reactive state, getters, imports, and APIs for Solid 2.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport {\n  getLocalTimeZone,\n  GregorianCalendar,\n  Time,\n  toCalendarDateTime,\n  today,\n  toTime,\n  toZoned,\n} from \"@internationalized/date\";\nimport { createMemo, untrack, merge, omit } from \"solid-js\";\n\nimport { createControlledSignal } from \"../utils/create-controlled-signal\";\nimport { requireValue } from \"../utils/require-value\";\nimport { createDateFieldState } from \"./create-date-field-state\";\nimport type { DateFieldState } from \"./create-date-field-state\";\nimport type {\n  DateValue,\n  MappedTimeValue,\n  TimePickerProps,\n  TimeValue,\n} from \"./types\";\n\nexport interface TimeFieldStateOptions<\n  T extends TimeValue = TimeValue,\n> extends TimePickerProps<T> {\n  /** The locale to display and edit the value according to. */\n  locale: string;\n}\n\nexport interface TimeFieldState extends DateFieldState {\n  /** The current time value. */\n  timeValue: Time;\n}\n\n/**\n * Provides state management for a time field component.\n * A time field allows users to enter and edit time values using a keyboard.\n * Each part of a time value is displayed in an individually editable segment.\n */\nexport function createTimeFieldState<T extends TimeValue = TimeValue>(\n  props: TimeFieldStateOptions<T>\n): TimeFieldState {\n  const placeholderValue = createMemo(\n    () => props.placeholderValue ?? new Time()\n  );\n\n  const minValue = createMemo(() => props.minValue);\n  const maxValue = createMemo(() => props.maxValue);\n  const defaultValue = createMemo(() => props.defaultValue);\n  const granularity = createMemo(() => props.granularity);\n  const validate = createMemo(() => props.validate);\n\n  const [value, setValue] = createControlledSignal<TimeValue | null>(\n    () => props.value,\n    untrack(() => {\n      const currentDefaultValue = defaultValue();\n\n      return currentDefaultValue ?? null;\n    }),\n    // SAFETY: Date edits preserve the input date/time class; the mapped generic callback widens subclasses to that class.\n    // oxlint-disable-next-line typescript/no-unsafe-type-assertion\n    (localValue) => props.onChange?.(localValue as MappedTimeValue<T> | null)\n  );\n\n  const v = createMemo(() => {\n    const currentValue = value();\n    const currentPlaceholderValue = placeholderValue();\n\n    return currentValue ?? currentPlaceholderValue;\n  });\n\n  const day = createMemo(() => {\n    const currentV = v();\n\n    return Boolean(currentV) && \"day\" in currentV ? currentV : undefined;\n  });\n\n  const defaultValueTimeZone = createMemo(() => {\n    const currentDefaultValue = defaultValue();\n\n    return currentDefaultValue && \"timeZone\" in currentDefaultValue\n      ? currentDefaultValue.timeZone\n      : undefined;\n  });\n\n  const placeholderDate = createMemo(() => {\n    const currentV = v();\n    const currentDefaultValueTimeZone = defaultValueTimeZone();\n    const currentPlaceholderValue = placeholderValue();\n\n    const valueTimeZone =\n      Boolean(currentV) && \"timeZone\" in currentV\n        ? currentV.timeZone\n        : undefined;\n\n    return ((valueTimeZone !== undefined && valueTimeZone !== \"\") ||\n      (currentDefaultValueTimeZone !== undefined &&\n        currentDefaultValueTimeZone !== \"\")) &&\n      Boolean(currentPlaceholderValue)\n      ? toZoned(\n          requireValue(\n            convertValue(currentPlaceholderValue),\n            \"Expected convertValue(currentPlaceholderValue) to exist.\"\n          ),\n          requireValue(\n            valueTimeZone ?? currentDefaultValueTimeZone,\n            \"Zoned placeholders require a time zone.\"\n          )\n        )\n      : convertValue(currentPlaceholderValue);\n  });\n\n  const minDate = createMemo(() => {\n    const currentMinValue = minValue();\n    const currentDay = day();\n\n    return convertValue(currentMinValue, currentDay);\n  });\n\n  const maxDate = createMemo(() => {\n    const currentMaxValue = maxValue();\n    const currentDay = day();\n\n    return convertValue(currentMaxValue, currentDay);\n  });\n\n  const timeValue = createMemo(() => {\n    const currentValue = value();\n\n    return currentValue && \"day\" in currentValue\n      ? toTime(currentValue)\n      : currentValue;\n  });\n\n  const dateTime = createMemo(() => {\n    const currentValue = value();\n\n    return currentValue === null || currentValue === undefined\n      ? null\n      : convertValue(currentValue);\n  });\n\n  const defaultDateTime = createMemo(() => {\n    const currentDefaultValue = defaultValue();\n\n    return currentDefaultValue === null || currentDefaultValue === undefined\n      ? null\n      : convertValue(currentDefaultValue);\n  });\n\n  const onChange = (newValue: DateValue | null) => {\n    const currentDay = day();\n    const currentDefaultValueTimeZone = defaultValueTimeZone();\n\n    if (newValue === null || newValue === undefined) {\n      setValue(null);\n    } else if (\"hour\" in newValue) {\n      setValue(\n        currentDay ||\n          (currentDefaultValueTimeZone !== undefined &&\n            currentDefaultValueTimeZone !== \"\")\n          ? newValue\n          : toTime(newValue)\n      );\n    }\n  };\n\n  const state = createDateFieldState(\n    merge(\n      omit(\n        props,\n        \"value\",\n        \"defaultValue\",\n        \"minValue\",\n        \"maxValue\",\n        \"placeholderValue\",\n        \"onChange\",\n        \"validate\"\n      ),\n      {\n        // Calendar should not matter for time fields.\n        get createCalendar() {\n          return () => new GregorianCalendar();\n        },\n        get defaultValue() {\n          return defaultDateTime();\n        },\n        get granularity(): \"hour\" | \"minute\" | \"second\" {\n          return granularity() ?? \"minute\";\n        },\n        get maxGranularity() {\n          return \"hour\" as const;\n        },\n        get maxValue() {\n          return maxDate();\n        },\n        get minValue() {\n          return minDate();\n        },\n        onChange,\n        get placeholderValue(): DateValue | undefined {\n          const date = placeholderDate();\n\n          return date && \"day\" in date ? date : undefined;\n        },\n        get validate() {\n          return () => {\n            const currentValidate = validate();\n            const currentValue = value();\n\n            // SAFETY: Date edits preserve the input date/time class; the mapped generic callback widens subclasses to that class.\n            // oxlint-disable-next-line typescript/no-unsafe-type-assertion\n            return currentValidate?.(currentValue as MappedTimeValue<T>);\n          };\n        },\n        get value() {\n          return dateTime();\n        },\n      }\n    )\n  );\n\n  return merge(state, {\n    get timeValue() {\n      return requireValue(\n        timeValue(),\n        \"Time fields require a placeholder time.\"\n      );\n    },\n  } satisfies Partial<TimeFieldState>);\n}\n\nfunction convertValue(\n  value: TimeValue | null | undefined,\n  date: DateValue = today(getLocalTimeZone())\n) {\n  if (!value) {\n    return null;\n  }\n\n  if (\"day\" in value) {\n    return value;\n  }\n\n  return toCalendarDateTime(date, value);\n}\n"],"mappings":"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"}

package/dist/datepicker/incomplete-date.d.ts

@@ -0,0 +1,71 @@
+/*
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/datepicker/IncompleteDate.ts.
+ * Modified for Solid Aria: adapted reactive state, getters, imports, and APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { DateValue, MappedDateValue } from "./types.js";
+import { DateSegmentType } from "./create-date-field-state.js";
+import { AnyDateTime, Calendar } from "@internationalized/date";
+type HourCycle = "h12" | "h11" | "h23" | "h24";
+/**
+ * This class represents a date that is incomplete or otherwise invalid as a result of user editing.
+ * For example, it can represent temporary dates such as February 31st if the user edits the day
+ * before the month. Times are represented according to an hour cycle rather than always in 24 hour
+ * time. This enables the user to adjust the day period (e.g. am/pm) independently from the hour.
+ */
+export declare class IncompleteDate {
+  calendar: Calendar;
+  era: string | null;
+  year: number | null;
+  month: number | null;
+  day: number | null;
+  hour: number | null;
+  hourCycle: HourCycle;
+  dayPeriod: number | null;
+  minute: number | null;
+  second: number | null;
+  millisecond: number | null;
+  offset: number | null;
+  constructor(calendar: Calendar, hourCycle: HourCycle, dateValue?: Partial<Omit<AnyDateTime, "copy">> | null);
+  copy(): IncompleteDate;
+  /** Checks whether all the specified segments have a value. */
+  isComplete(segments: DateSegmentType[]): boolean;
+  /** Checks whether the given date value matches this value for the specified segments. */
+  validate(dt: DateValue, segments: DateSegmentType[]): boolean;
+  /** Checks if the date is empty (i.e. all specified segments are null). */
+  isCleared(segments: DateSegmentType[]): boolean;
+  /** Sets the given field. */
+  set(field: DateSegmentType, value: number | string, placeholder: DateValue): IncompleteDate;
+  /** Sets the given field to null. */
+  clear(field: DateSegmentType): IncompleteDate;
+  /**
+   * Increments or decrements the given field. If it is null, then it is set to the placeholder
+   * value.
+   */
+  cycle(field: DateSegmentType, amount: number, placeholder: DateValue, displaySegments: DateSegmentType[]): IncompleteDate;
+  private initializeSegment;
+  private cycleHour;
+  /**
+   * Converts the incomplete date to a full date value, using the provided value for any unset
+   * fields.
+   */
+  toValue<T extends DateValue>(value: T): MappedDateValue<T>;
+  getSegmentLimits(type: string): {
+    value: number | null;
+    minValue: number;
+    maxValue: number;
+  } | undefined;
+}
+export {};
+//# sourceMappingURL=incomplete-date.d.ts.map

package/dist/datepicker/incomplete-date.js

@@ -0,0 +1,324 @@
+/*
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/datepicker/IncompleteDate.ts.
+ * Modified for Solid Aria: adapted reactive state, getters, imports, and APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { requireValue } from "../utils/require-value.js";
+import { CalendarDate } from "@internationalized/date";
+// src/datepicker/incomplete-date.ts
+/**
+* This class represents a date that is incomplete or otherwise invalid as a result of user editing.
+* For example, it can represent temporary dates such as February 31st if the user edits the day
+* before the month. Times are represented according to an hour cycle rather than always in 24 hour
+* time. This enables the user to adjust the day period (e.g. am/pm) independently from the hour.
+*/
+var IncompleteDate = class IncompleteDate {
+	calendar;
+	era;
+	year;
+	month;
+	day;
+	hour;
+	hourCycle;
+	dayPeriod;
+	minute;
+	second;
+	millisecond;
+	offset;
+	constructor(calendar, hourCycle, dateValue) {
+		this.era = dateValue?.era ?? null;
+		this.calendar = calendar;
+		this.year = dateValue?.year ?? null;
+		this.month = dateValue?.month ?? null;
+		this.day = dateValue?.day ?? null;
+		this.hour = dateValue?.hour ?? null;
+		this.hourCycle = hourCycle;
+		this.dayPeriod = null;
+		this.minute = dateValue?.minute ?? null;
+		this.second = dateValue?.second ?? null;
+		this.millisecond = dateValue?.millisecond ?? null;
+		this.offset = getDateOffset(dateValue);
+		if (this.hour !== null && this.hour !== void 0) {
+			const [dayPeriod, hour] = toHourCycle(this.hour, hourCycle);
+			this.dayPeriod = dayPeriod;
+			this.hour = hour;
+		}
+	}
+	copy() {
+		const res = new IncompleteDate(this.calendar, this.hourCycle);
+		res.era = this.era;
+		res.year = this.year;
+		res.month = this.month;
+		res.day = this.day;
+		res.hour = this.hour;
+		res.dayPeriod = this.dayPeriod;
+		res.minute = this.minute;
+		res.second = this.second;
+		res.millisecond = this.millisecond;
+		res.offset = this.offset;
+		return res;
+	}
+	/** Checks whether all the specified segments have a value. */
+	isComplete(segments) {
+		return segments.every((segment) => isEditableSegment(segment) && this[segment] !== null && this[segment] !== void 0);
+	}
+	/** Checks whether the given date value matches this value for the specified segments. */
+	validate(dt, segments) {
+		const fields = dt;
+		return segments.every((segment) => {
+			if ((segment === "hour" || segment === "dayPeriod") && "hour" in dt) {
+				const [dayPeriod, hour] = toHourCycle(dt.hour, this.hourCycle);
+				return this.dayPeriod === dayPeriod && this.hour === hour;
+			}
+			return isEditableSegment(segment) && segment in dt && this[segment] === fields[segment];
+		});
+	}
+	/** Checks if the date is empty (i.e. all specified segments are null). */
+	isCleared(segments) {
+		return segments.every((segment) => isEditableSegment(segment) && this[segment] === null);
+	}
+	/** Sets the given field. */
+	set(field, value, placeholder) {
+		const result = this.copy();
+		if (field === "era" && typeof value === "string") result.era = value;
+		else if (isEditableSegment(field) && field !== "era" && typeof value === "number") result[field] = value;
+		if (field === "hour" && (result.dayPeriod === null || result.dayPeriod === void 0) && "hour" in placeholder) [result.dayPeriod] = toHourCycle(placeholder.hour, this.hourCycle);
+		if (field === "year" && (result.era === null || result.era === void 0)) result.era = placeholder.era;
+		if (field !== "second" && field !== "literal" && field !== "timeZoneName") result.offset = null;
+		return result;
+	}
+	/** Sets the given field to null. */
+	clear(field) {
+		const result = this.copy();
+		if (isEditableSegment(field)) result[field] = null;
+		if (field === "year") result.era = null;
+		result.offset = null;
+		return result;
+	}
+	/**
+	* Increments or decrements the given field. If it is null, then it is set to the placeholder
+	* value.
+	*/
+	cycle(field, amount, placeholder, displaySegments) {
+		const res = this.copy();
+		if (!isEditableSegment(field)) return res;
+		if ((res[field] === null || res[field] === void 0) && field !== "dayPeriod" && field !== "era") {
+			this.initializeSegment(res, field, placeholder);
+			return res;
+		}
+		switch (field) {
+			case "era": {
+				const eras = this.calendar.getEras();
+				let index = eras.indexOf(requireValue(res.era, "Expected res.era to exist."));
+				index = cycleValue(index, amount, 0, eras.length - 1);
+				res.era = eras[index] ?? null;
+				break;
+			}
+			case "year": {
+				let date = new CalendarDate(this.calendar, this.era ?? placeholder.era, this.year ?? placeholder.year, this.month ?? 1, this.day ?? 1);
+				date = date.cycle(field, amount, { round: field === "year" });
+				res.era = date.era;
+				res.year = date.year;
+				break;
+			}
+			case "month":
+				res.month = cycleValue(res.month ?? 1, amount, 1, this.calendar.getMaximumMonthsInYear());
+				break;
+			case "day":
+				res.day = cycleValue(res.day ?? 1, amount, 1, this.calendar.getMaximumDaysInMonth());
+				break;
+			case "hour":
+				this.cycleHour(res, amount, placeholder, displaySegments);
+				break;
+			case "dayPeriod":
+				res.dayPeriod = cycleValue(res.dayPeriod ?? 0, amount, 0, 1);
+				break;
+			case "minute":
+				res.minute = cycleValue(res.minute ?? 0, amount, 0, 59, true);
+				break;
+			case "second": res.second = cycleValue(res.second ?? 0, amount, 0, 59, true);
+		}
+		return res;
+	}
+	initializeSegment(res, field, placeholder) {
+		if (field === "hour" && "hour" in placeholder) {
+			const [dayPeriod, hour] = toHourCycle(placeholder.hour, this.hourCycle);
+			res.dayPeriod = dayPeriod;
+			res.hour = hour;
+		} else if (field in placeholder) res[field] = placeholder[field] ?? null;
+		if (field === "year" && (res.era === null || res.era === void 0)) res.era = placeholder.era;
+	}
+	cycleHour(res, amount, placeholder, displaySegments) {
+		const hasDateSegements = displaySegments.some((s) => [
+			"year",
+			"month",
+			"day"
+		].includes(s));
+		if ("timeZone" in placeholder && (!hasDateSegements || res.year !== null && res.year !== void 0 && res.month !== null && res.month !== void 0 && res.day !== null && res.day !== void 0)) {
+			let date = this.toValue(placeholder);
+			date = date.cycle("hour", amount, {
+				hourCycle: this.hourCycle === "h12" ? 12 : 24,
+				round: false
+			});
+			const [dayPeriod, adjustedHour] = toHourCycle(date.hour, this.hourCycle);
+			res.hour = adjustedHour;
+			res.dayPeriod = dayPeriod;
+			res.offset = date.offset;
+		} else {
+			const hours = res.hour ?? 0;
+			const limits = requireValue(this.getSegmentLimits("hour"), "Hour segments must have limits.");
+			res.hour = cycleValue(hours, amount, limits.minValue, limits.maxValue);
+			if ((res.dayPeriod === null || res.dayPeriod === void 0) && "hour" in placeholder) [res.dayPeriod] = toHourCycle(placeholder.hour, this.hourCycle);
+		}
+	}
+	toValue(value) {
+		const fields = {
+			day: this.day ?? value.day,
+			era: this.era ?? value.era,
+			month: this.month ?? value.month,
+			year: this.year ?? value.year
+		};
+		if ("hour" in value) {
+			let { hour } = this;
+			if (hour !== null && hour !== void 0) hour = fromHourCycle(hour, this.dayPeriod ?? 0, this.hourCycle);
+			else if (this.hourCycle === "h12" || this.hourCycle === "h11") hour = this.dayPeriod === 1 ? 12 : 0;
+			let res = value.set({
+				...fields,
+				hour: hour ?? value.hour,
+				millisecond: this.millisecond ?? value.millisecond,
+				minute: this.minute ?? value.minute,
+				second: this.second ?? value.second
+			});
+			if ("offset" in res && this.offset !== null && this.offset !== void 0 && res.offset !== this.offset) res = res.add({ milliseconds: res.offset - this.offset });
+			return res;
+		}
+		return value.set(fields);
+	}
+	getSegmentLimits(type) {
+		switch (type) {
+			case "era": {
+				const eras = this.calendar.getEras();
+				return {
+					maxValue: eras.length - 1,
+					minValue: 0,
+					value: this.era === null || this.era === void 0 ? eras.length - 1 : eras.indexOf(this.era)
+				};
+			}
+			case "year": return {
+				maxValue: 9999,
+				minValue: 1,
+				value: this.year
+			};
+			case "month": return {
+				maxValue: this.calendar.getMaximumMonthsInYear(),
+				minValue: 1,
+				value: this.month
+			};
+			case "day": return {
+				maxValue: this.calendar.getMaximumDaysInMonth(),
+				minValue: 1,
+				value: this.day
+			};
+			case "dayPeriod": return {
+				maxValue: 1,
+				minValue: 0,
+				value: this.dayPeriod
+			};
+			case "hour": {
+				let minValue = 0;
+				let maxValue = 23;
+				if (this.hourCycle === "h12") {
+					minValue = 1;
+					maxValue = 12;
+				} else if (this.hourCycle === "h11") {
+					minValue = 0;
+					maxValue = 11;
+				}
+				return {
+					maxValue,
+					minValue,
+					value: this.hour
+				};
+			}
+			case "minute": return {
+				maxValue: 59,
+				minValue: 0,
+				value: this.minute
+			};
+			case "second": return {
+				maxValue: 59,
+				minValue: 0,
+				value: this.second
+			};
+		}
+	}
+};
+function cycleValue(initialValue, amount, min, max, round = false) {
+	let value = initialValue;
+	if (round) {
+		value += Math.sign(amount);
+		if (value < min) value = max;
+		const div = Math.abs(amount);
+		value = amount > 0 ? Math.ceil(value / div) * div : Math.floor(value / div) * div;
+		if (value > max) value = min;
+	} else {
+		value += amount;
+		if (value < min) value = max - (min - value - 1);
+		else if (value > max) value = min + (value - max - 1);
+	}
+	return value;
+}
+function toHourCycle(initialHour, hourCycle) {
+	let hour = initialHour;
+	let dayPeriod = hour >= 12 ? 1 : 0;
+	switch (hourCycle) {
+		case "h11":
+			if (hour >= 12) hour -= 12;
+			break;
+		case "h12":
+			if (hour === 0) hour = 12;
+			else if (hour > 12) hour -= 12;
+			break;
+		case "h23":
+			dayPeriod = null;
+			break;
+		case "h24":
+			hour += 1;
+			dayPeriod = null;
+	}
+	return [dayPeriod, hour];
+}
+function fromHourCycle(initialHour, dayPeriod, hourCycle) {
+	let hour = initialHour;
+	switch (hourCycle) {
+		case "h11":
+			if (dayPeriod === 1) hour += 12;
+			break;
+		case "h12":
+			if (hour === 12) hour = 0;
+			if (dayPeriod === 1) hour += 12;
+			break;
+		case "h24": hour -= 1;
+	}
+	return hour;
+}
+function isEditableSegment(value) {
+	return value !== "literal" && value !== "timeZoneName";
+}
+function getDateOffset(dateValue) {
+	return dateValue && "offset" in dateValue && typeof dateValue.offset === "number" ? dateValue.offset : null;
+}
+export { IncompleteDate };
+
+//# sourceMappingURL=incomplete-date.js.map