@rupe/v-datepicker 1.0.0-alpha.0

package/dist/components/DateField/DateFieldRoot.d.ts

@@ -0,0 +1,151 @@
+import { DateValue } from '@internationalized/date';
+import { Ref } from 'vue';
+import { Matcher } from '../../date';
+import { PrimitiveProps } from '../Primitive';
+import { DateStep, Formatter } from '../../shared';
+import { Granularity, HourCycle, SegmentPart, SegmentValueObj } from '../../shared/date';
+import { Direction, FormFieldProps } from '../../shared/types';
+type DateFieldRootContext = {
+    locale: Ref<string>;
+    modelValue: Ref<DateValue | undefined>;
+    placeholder: Ref<DateValue>;
+    isDateUnavailable?: Matcher;
+    isInvalid: Ref<boolean>;
+    disabled: Ref<boolean>;
+    readonly: Ref<boolean>;
+    formatter: Formatter;
+    hourCycle: HourCycle;
+    step: Ref<DateStep>;
+    segmentValues: Ref<SegmentValueObj>;
+    segmentContents: Ref<{
+        part: SegmentPart;
+        value: string;
+    }[]>;
+    elements: Ref<Set<HTMLElement>>;
+    focusNext: () => void;
+    setFocusedElement: (el: HTMLElement) => void;
+};
+export interface DateFieldRootProps extends PrimitiveProps, FormFieldProps {
+    /** The default value for the calendar */
+    defaultValue?: DateValue;
+    /** The default placeholder date */
+    defaultPlaceholder?: DateValue;
+    /** The placeholder date, which is used to determine what month to display when no date is selected. This updates as the user navigates the calendar and can be used to programmatically control the calendar view */
+    placeholder?: DateValue;
+    /** The controlled checked state of the calendar. Can be bound as `v-model`. */
+    modelValue?: DateValue | null;
+    /** The hour cycle used for formatting times. Defaults to the local preference */
+    hourCycle?: HourCycle;
+    /** The stepping interval for the time fields. Defaults to `1`. */
+    step?: DateStep;
+    /** The granularity to use for formatting times. Defaults to day if a CalendarDate is provided, otherwise defaults to minute. The field will render segments for each part of the date up to and including the specified granularity */
+    granularity?: Granularity;
+    /** Whether or not to hide the time zone segment of the field */
+    hideTimeZone?: boolean;
+    /** The maximum date that can be selected */
+    maxValue?: DateValue;
+    /** The minimum date that can be selected */
+    minValue?: DateValue;
+    /** The locale to use for formatting dates */
+    locale?: string;
+    /** Whether or not the date field is disabled */
+    disabled?: boolean;
+    /** Whether or not the date field is readonly */
+    readonly?: boolean;
+    /** A function that returns whether or not a date is unavailable */
+    isDateUnavailable?: Matcher;
+    /** Id of the element */
+    id?: string;
+    /** The reading direction of the date field when applicable. <br> If omitted, inherits globally from `ConfigProvider` or assumes LTR (left-to-right) reading mode. */
+    dir?: Direction;
+}
+export type DateFieldRootEmits = {
+    /** Event handler called whenever the model value changes */
+    "update:modelValue": [date: DateValue | undefined];
+    /** Event handler called whenever the placeholder value changes */
+    "update:placeholder": [date: DateValue];
+};
+export declare const injectDateFieldRootContext: <T extends DateFieldRootContext | null | undefined = DateFieldRootContext>(fallback?: T | undefined) => T extends null ? DateFieldRootContext | null : DateFieldRootContext, provideDateFieldRootContext: (contextValue: DateFieldRootContext) => DateFieldRootContext;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<DateFieldRootProps, {
+    /** Helper to set the focused element inside the DateField */
+    setFocusedElement: (el: HTMLElement) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (date: DateValue | undefined) => any;
+    "update:placeholder": (date: DateValue) => any;
+}, string, import('vue').PublicProps, Readonly<DateFieldRootProps> & Readonly<{
+    "onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
+    "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
+}>, {
+    defaultValue: DateValue;
+    placeholder: DateValue;
+    disabled: boolean;
+    readonly: boolean;
+    isDateUnavailable: Matcher;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    primitiveElement: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        asChild: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        as: {
+            type: import('vue').PropType<import('../Primitive').AsTag | import('vue').Component>;
+            default: string;
+        };
+    }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        asChild: boolean;
+        as: import('../Primitive').AsTag | import('vue').Component;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        asChild: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        as: {
+            type: import('vue').PropType<import('../Primitive').AsTag | import('vue').Component>;
+            default: string;
+        };
+    }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, {
+        asChild: boolean;
+        as: import('../Primitive').AsTag | import('vue').Component;
+    }> | null;
+}, any>, Readonly<{
+    default?: (props: {
+        /** The current date of the field */
+        modelValue: DateValue | undefined;
+        /** The date field segment contents */
+        segments: {
+            part: SegmentPart;
+            value: string;
+        }[];
+        /** Value if the input is invalid */
+        isInvalid: boolean;
+    }) => any;
+}> & {
+    default?: (props: {
+        /** The current date of the field */
+        modelValue: DateValue | undefined;
+        /** The date field segment contents */
+        segments: {
+            part: SegmentPart;
+            value: string;
+        }[];
+        /** Value if the input is invalid */
+        isInvalid: boolean;
+    }) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/DateField/DateFieldRoot.vue.js

@@ -0,0 +1,237 @@
+import { defineComponent, toRefs, ref, onMounted, computed, watch, nextTick, createBlock, openBlock, unref, mergeProps, withKeys, withCtx, renderSlot, createVNode } from "vue";
+import { useVModel } from "../../node_modules/.pnpm/@vueuse_core@14.1.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js";
+import { Primitive } from "../Primitive/Primitive.js";
+import "../Primitive/Slot.js";
+import { usePrimitiveElement } from "../Primitive/usePrimitiveElement.js";
+import _sfc_main$1 from "../VisuallyHidden/VisuallyHidden.vue.js";
+import { hasTime, isBefore } from "../../date/comparators.js";
+import { createContext } from "../../shared/createContext.js";
+import { getDefaultDate } from "../../shared/date/comparators.js";
+import { initializeSegmentValues, syncSegmentValues, createContent } from "../../shared/date/parser.js";
+import { getSegmentElements, isSegmentNavigationKey } from "../../shared/date/segment.js";
+import { useKbd } from "../../shared/useKbd.js";
+import { normalizeHourCycle, normalizeDateStep } from "../../shared/date/utils.js";
+import { isNullish } from "../../shared/nullish.js";
+import { useDateFormatter } from "../../shared/useDateFormatter.js";
+import { useDirection } from "../../shared/useDirection.js";
+import { useLocale } from "../../shared/useLocale.js";
+const [injectDateFieldRootContext, provideDateFieldRootContext] = createContext("DateFieldRoot");
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "DateFieldRoot",
+  props: {
+    defaultValue: { default: void 0 },
+    defaultPlaceholder: {},
+    placeholder: { default: void 0 },
+    modelValue: {},
+    hourCycle: {},
+    step: {},
+    granularity: {},
+    hideTimeZone: { type: Boolean },
+    maxValue: {},
+    minValue: {},
+    locale: {},
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    isDateUnavailable: { type: Function, default: void 0 },
+    id: {},
+    dir: {},
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:placeholder"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const {
+      disabled,
+      readonly,
+      isDateUnavailable: propsIsDateUnavailable,
+      granularity,
+      defaultValue,
+      dir: propDir,
+      locale: propLocale
+    } = toRefs(props);
+    const locale = useLocale(propLocale);
+    const dir = useDirection(propDir);
+    const formatter = useDateFormatter(locale.value, {
+      hourCycle: normalizeHourCycle(props.hourCycle)
+    });
+    const { primitiveElement, currentElement: parentElement } = usePrimitiveElement();
+    const segmentElements = ref(/* @__PURE__ */ new Set());
+    onMounted(() => {
+      getSegmentElements(parentElement.value).forEach(
+        (item) => segmentElements.value.add(item)
+      );
+    });
+    const modelValue = useVModel(props, "modelValue", emits, {
+      defaultValue: defaultValue.value,
+      passive: props.modelValue === void 0
+    });
+    const defaultDate = getDefaultDate({
+      defaultPlaceholder: props.placeholder,
+      granularity: granularity.value,
+      defaultValue: modelValue.value,
+      locale: props.locale
+    });
+    const placeholder = useVModel(props, "placeholder", emits, {
+      defaultValue: props.defaultPlaceholder ?? defaultDate.copy(),
+      passive: props.placeholder === void 0
+    });
+    const step = computed(() => normalizeDateStep(props));
+    const inferredGranularity = computed(() => {
+      if (props.granularity)
+        return !hasTime(placeholder.value) ? "day" : props.granularity;
+      return hasTime(placeholder.value) ? "minute" : "day";
+    });
+    const isInvalid = computed(() => {
+      if (!modelValue.value) return false;
+      if (propsIsDateUnavailable.value?.(modelValue.value)) return true;
+      if (props.minValue && isBefore(modelValue.value, props.minValue)) return true;
+      if (props.maxValue && isBefore(props.maxValue, modelValue.value)) return true;
+      return false;
+    });
+    const initialSegments = initializeSegmentValues(inferredGranularity.value);
+    const segmentValues = ref(
+      modelValue.value ? { ...syncSegmentValues({ value: modelValue.value, formatter }) } : { ...initialSegments }
+    );
+    const allSegmentContent = computed(
+      () => createContent({
+        granularity: inferredGranularity.value,
+        dateRef: placeholder.value,
+        formatter,
+        hideTimeZone: props.hideTimeZone,
+        hourCycle: props.hourCycle,
+        segmentValues: segmentValues.value,
+        locale
+      })
+    );
+    const segmentContents = computed(() => allSegmentContent.value.arr);
+    const editableSegmentContents = computed(
+      () => segmentContents.value.filter(({ part }) => part !== "literal")
+    );
+    watch(locale, (value) => {
+      if (formatter.getLocale() !== value) {
+        formatter.setLocale(value);
+        nextTick(() => {
+          segmentElements.value.clear();
+          getSegmentElements(parentElement.value).forEach(
+            (item) => segmentElements.value.add(item)
+          );
+        });
+      }
+    });
+    watch(modelValue, (_modelValue) => {
+      if (!isNullish(_modelValue) && placeholder.value.compare(_modelValue) !== 0) {
+        placeholder.value = _modelValue.copy();
+      }
+    });
+    watch([modelValue, locale], ([_modelValue]) => {
+      if (!isNullish(_modelValue)) {
+        segmentValues.value = {
+          ...syncSegmentValues({ value: _modelValue, formatter })
+        };
+      } else if (Object.values(segmentValues.value).every((value) => value !== null) && isNullish(_modelValue)) {
+        segmentValues.value = { ...initialSegments };
+      }
+    });
+    const currentFocusedElement = ref(null);
+    const currentSegmentIndex = computed(
+      () => Array.from(segmentElements.value).findIndex(
+        (el) => el.getAttribute("data-reka-date-field-segment") === currentFocusedElement.value?.getAttribute("data-reka-date-field-segment")
+      )
+    );
+    const nextFocusableSegment = computed(() => {
+      const sign = dir.value === "rtl" ? -1 : 1;
+      const nextCondition = sign < 0 ? currentSegmentIndex.value < 0 : currentSegmentIndex.value > segmentElements.value.size - 1;
+      if (nextCondition) return null;
+      const segmentToFocus = Array.from(segmentElements.value)[currentSegmentIndex.value + sign];
+      return segmentToFocus;
+    });
+    const prevFocusableSegment = computed(() => {
+      const sign = dir.value === "rtl" ? -1 : 1;
+      const prevCondition = sign > 0 ? currentSegmentIndex.value < 0 : currentSegmentIndex.value > segmentElements.value.size - 1;
+      if (prevCondition) return null;
+      const segmentToFocus = Array.from(segmentElements.value)[currentSegmentIndex.value - sign];
+      return segmentToFocus;
+    });
+    const kbd = useKbd();
+    function handleKeydown(e) {
+      if (!isSegmentNavigationKey(e.key)) return;
+      if (e.key === kbd.ARROW_LEFT) prevFocusableSegment.value?.focus();
+      if (e.key === kbd.ARROW_RIGHT) nextFocusableSegment.value?.focus();
+    }
+    function setFocusedElement(el) {
+      currentFocusedElement.value = el;
+    }
+    provideDateFieldRootContext({
+      isDateUnavailable: propsIsDateUnavailable.value,
+      locale,
+      modelValue,
+      placeholder,
+      disabled,
+      formatter,
+      hourCycle: props.hourCycle,
+      step,
+      readonly,
+      segmentValues,
+      isInvalid,
+      segmentContents: editableSegmentContents,
+      elements: segmentElements,
+      setFocusedElement,
+      focusNext() {
+        nextFocusableSegment.value?.focus();
+      }
+    });
+    __expose({
+      /** Helper to set the focused element inside the DateField */
+      setFocusedElement
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), mergeProps(_ctx.$attrs, {
+        ref_key: "primitiveElement",
+        ref: primitiveElement,
+        role: "group",
+        "aria-disabled": unref(disabled) ? true : void 0,
+        "data-disabled": unref(disabled) ? "" : void 0,
+        "data-readonly": unref(readonly) ? "" : void 0,
+        "data-invalid": isInvalid.value ? "" : void 0,
+        dir: unref(dir),
+        onKeydown: withKeys(handleKeydown, ["left", "right"])
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {
+            modelValue: unref(modelValue),
+            segments: segmentContents.value,
+            isInvalid: isInvalid.value
+          }),
+          createVNode(unref(_sfc_main$1), {
+            id: __props.id,
+            as: "input",
+            type: "date",
+            feature: "focusable",
+            tabindex: "-1",
+            value: unref(modelValue) ? unref(modelValue).toString() : "",
+            name: __props.name,
+            disabled: unref(disabled),
+            required: __props.required,
+            max: __props.maxValue,
+            min: __props.minValue,
+            onFocus: _cache[0] || (_cache[0] = ($event) => Array.from(segmentElements.value)?.[0]?.focus())
+          }, null, 8, ["id", "value", "name", "disabled", "required", "max", "min"])
+        ]),
+        _: 3
+      }, 16, ["aria-disabled", "data-disabled", "data-readonly", "data-invalid", "dir"]);
+    };
+  }
+});
+export {
+  _sfc_main as default,
+  injectDateFieldRootContext,
+  provideDateFieldRootContext
+};
+//# sourceMappingURL=DateFieldRoot.vue.js.map

package/dist/components/DateField/DateFieldRoot.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFieldRoot.vue.js","sources":["../../../src/components/DateField/DateFieldRoot.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DateValue } from \"@internationalized/date\";\nimport type { Ref } from \"vue\";\nimport type { Matcher } from \"../../date\";\nimport type { PrimitiveProps } from \"../Primitive\";\nimport type { DateStep, Formatter } from \"../../shared\";\nimport type {\n  Granularity,\n  HourCycle,\n  SegmentPart,\n  SegmentValueObj,\n} from \"../../shared/date\";\nimport type { Direction, FormFieldProps } from \"../../shared/types\";\nimport { hasTime, isBefore } from \"../../date\";\nimport {\n  createContext,\n  isNullish,\n  useDateFormatter,\n  useDirection,\n  useKbd,\n  useLocale,\n} from \"../../shared\";\nimport {\n  createContent,\n  getDefaultDate,\n  getSegmentElements,\n  initializeSegmentValues,\n  isSegmentNavigationKey,\n  normalizeDateStep,\n  normalizeHourCycle,\n  syncSegmentValues,\n} from \"../../shared/date\";\n\ntype DateFieldRootContext = {\n  locale: Ref<string>;\n  modelValue: Ref<DateValue | undefined>;\n  placeholder: Ref<DateValue>;\n  isDateUnavailable?: Matcher;\n  isInvalid: Ref<boolean>;\n  disabled: Ref<boolean>;\n  readonly: Ref<boolean>;\n  formatter: Formatter;\n  hourCycle: HourCycle;\n  step: Ref<DateStep>;\n  segmentValues: Ref<SegmentValueObj>;\n  segmentContents: Ref<{ part: SegmentPart; value: string }[]>;\n  elements: Ref<Set<HTMLElement>>;\n  focusNext: () => void;\n  setFocusedElement: (el: HTMLElement) => void;\n};\n\nexport interface DateFieldRootProps extends PrimitiveProps, FormFieldProps {\n  /** The default value for the calendar */\n  defaultValue?: DateValue;\n  /** The default placeholder date */\n  defaultPlaceholder?: DateValue;\n  /** The placeholder date, which is used to determine what month to display when no date is selected. This updates as the user navigates the calendar and can be used to programmatically control the calendar view */\n  placeholder?: DateValue;\n  /** The controlled checked state of the calendar. Can be bound as `v-model`. */\n  modelValue?: DateValue | null;\n  /** The hour cycle used for formatting times. Defaults to the local preference */\n  hourCycle?: HourCycle;\n  /** The stepping interval for the time fields. Defaults to `1`. */\n  step?: DateStep;\n  /** The granularity to use for formatting times. Defaults to day if a CalendarDate is provided, otherwise defaults to minute. The field will render segments for each part of the date up to and including the specified granularity */\n  granularity?: Granularity;\n  /** Whether or not to hide the time zone segment of the field */\n  hideTimeZone?: boolean;\n  /** The maximum date that can be selected */\n  maxValue?: DateValue;\n  /** The minimum date that can be selected */\n  minValue?: DateValue;\n  /** The locale to use for formatting dates */\n  locale?: string;\n  /** Whether or not the date field is disabled */\n  disabled?: boolean;\n  /** Whether or not the date field is readonly */\n  readonly?: boolean;\n  /** A function that returns whether or not a date is unavailable */\n  isDateUnavailable?: Matcher;\n  /** Id of the element */\n  id?: string;\n  /** The reading direction of the date field when applicable. <br> If omitted, inherits globally from `ConfigProvider` or assumes LTR (left-to-right) reading mode. */\n  dir?: Direction;\n}\n\nexport type DateFieldRootEmits = {\n  /** Event handler called whenever the model value changes */\n  \"update:modelValue\": [date: DateValue | undefined];\n  /** Event handler called whenever the placeholder value changes */\n  \"update:placeholder\": [date: DateValue];\n};\n\nexport const [injectDateFieldRootContext, provideDateFieldRootContext] =\n  createContext<DateFieldRootContext>(\"DateFieldRoot\");\n</script>\n\n<script setup lang=\"ts\">\nimport { useVModel } from \"@vueuse/core\";\nimport { computed, nextTick, onMounted, ref, toRefs, watch } from \"vue\";\nimport { Primitive, usePrimitiveElement } from \"../Primitive\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<DateFieldRootProps>(), {\n  defaultValue: undefined,\n  disabled: false,\n  readonly: false,\n  placeholder: undefined,\n  isDateUnavailable: undefined,\n});\nconst emits = defineEmits<DateFieldRootEmits>();\ndefineSlots<{\n  default?: (props: {\n    /** The current date of the field */\n    modelValue: DateValue | undefined;\n    /** The date field segment contents */\n    segments: { part: SegmentPart; value: string }[];\n    /** Value if the input is invalid */\n    isInvalid: boolean;\n  }) => any;\n}>();\n\nconst {\n  disabled,\n  readonly,\n  isDateUnavailable: propsIsDateUnavailable,\n  granularity,\n  defaultValue,\n  dir: propDir,\n  locale: propLocale,\n} = toRefs(props);\nconst locale = useLocale(propLocale);\nconst dir = useDirection(propDir);\n\nconst formatter = useDateFormatter(locale.value, {\n  hourCycle: normalizeHourCycle(props.hourCycle),\n});\nconst { primitiveElement, currentElement: parentElement } =\n  usePrimitiveElement();\nconst segmentElements = ref<Set<HTMLElement>>(new Set());\n\nonMounted(() => {\n  getSegmentElements(parentElement.value).forEach((item) =>\n    segmentElements.value.add(item as HTMLElement),\n  );\n});\n\nconst modelValue = useVModel(props, \"modelValue\", emits, {\n  defaultValue: defaultValue.value,\n  passive: (props.modelValue === undefined) as false,\n}) as Ref<DateValue>;\n\nconst defaultDate = getDefaultDate({\n  defaultPlaceholder: props.placeholder,\n  granularity: granularity.value,\n  defaultValue: modelValue.value,\n  locale: props.locale,\n});\n\nconst placeholder = useVModel(props, \"placeholder\", emits, {\n  defaultValue: props.defaultPlaceholder ?? defaultDate.copy(),\n  passive: (props.placeholder === undefined) as false,\n}) as Ref<DateValue>;\n\nconst step = computed(() => normalizeDateStep(props));\n\nconst inferredGranularity = computed(() => {\n  if (props.granularity)\n    return !hasTime(placeholder.value) ? \"day\" : props.granularity;\n\n  return hasTime(placeholder.value) ? \"minute\" : \"day\";\n});\n\nconst isInvalid = computed(() => {\n  if (!modelValue.value) return false;\n\n  if (propsIsDateUnavailable.value?.(modelValue.value)) return true;\n\n  if (props.minValue && isBefore(modelValue.value, props.minValue)) return true;\n\n  if (props.maxValue && isBefore(props.maxValue, modelValue.value)) return true;\n\n  return false;\n});\n\nconst initialSegments = initializeSegmentValues(inferredGranularity.value);\n\nconst segmentValues = ref<SegmentValueObj>(\n  modelValue.value\n    ? { ...syncSegmentValues({ value: modelValue.value, formatter }) }\n    : { ...initialSegments },\n);\n\nconst allSegmentContent = computed(() =>\n  createContent({\n    granularity: inferredGranularity.value,\n    dateRef: placeholder.value,\n    formatter,\n    hideTimeZone: props.hideTimeZone,\n    hourCycle: props.hourCycle,\n    segmentValues: segmentValues.value,\n    locale,\n  }),\n);\n\nconst segmentContents = computed(() => allSegmentContent.value.arr);\n\nconst editableSegmentContents = computed(() =>\n  segmentContents.value.filter(({ part }) => part !== \"literal\"),\n);\n\nwatch(locale, (value) => {\n  if (formatter.getLocale() !== value) {\n    formatter.setLocale(value);\n    // Locale changed, so we need to clear the segment elements and re-get them (different order)\n    // Get the focusable elements again on the next tick\n    nextTick(() => {\n      segmentElements.value.clear();\n      getSegmentElements(parentElement.value).forEach((item) =>\n        segmentElements.value.add(item as HTMLElement),\n      );\n    });\n  }\n});\n\nwatch(modelValue, (_modelValue) => {\n  if (!isNullish(_modelValue) && placeholder.value.compare(_modelValue) !== 0) {\n    placeholder.value = _modelValue.copy();\n  }\n});\n\nwatch([modelValue, locale], ([_modelValue]) => {\n  if (!isNullish(_modelValue)) {\n    segmentValues.value = {\n      ...syncSegmentValues({ value: _modelValue, formatter }),\n    };\n  }\n  // If segment has null value, means that user modified it, thus do not reset the segmentValues\n  else if (\n    Object.values(segmentValues.value).every((value) => value !== null) &&\n    isNullish(_modelValue)\n  ) {\n    segmentValues.value = { ...initialSegments };\n  }\n});\n\nconst currentFocusedElement = ref<HTMLElement | null>(null);\n\nconst currentSegmentIndex = computed(() =>\n  Array.from(segmentElements.value).findIndex(\n    (el) =>\n      el.getAttribute(\"data-reka-date-field-segment\") ===\n      currentFocusedElement.value?.getAttribute(\"data-reka-date-field-segment\"),\n  ),\n);\n\nconst nextFocusableSegment = computed(() => {\n  const sign = dir.value === \"rtl\" ? -1 : 1;\n  const nextCondition =\n    sign < 0\n      ? currentSegmentIndex.value < 0\n      : currentSegmentIndex.value > segmentElements.value.size - 1;\n  if (nextCondition) return null;\n  const segmentToFocus = Array.from(segmentElements.value)[\n    currentSegmentIndex.value + sign\n  ];\n  return segmentToFocus;\n});\n\nconst prevFocusableSegment = computed(() => {\n  const sign = dir.value === \"rtl\" ? -1 : 1;\n  const prevCondition =\n    sign > 0\n      ? currentSegmentIndex.value < 0\n      : currentSegmentIndex.value > segmentElements.value.size - 1;\n  if (prevCondition) return null;\n\n  const segmentToFocus = Array.from(segmentElements.value)[\n    currentSegmentIndex.value - sign\n  ];\n  return segmentToFocus;\n});\n\nconst kbd = useKbd();\n\nfunction handleKeydown(e: KeyboardEvent) {\n  if (!isSegmentNavigationKey(e.key)) return;\n  if (e.key === kbd.ARROW_LEFT) prevFocusableSegment.value?.focus();\n  if (e.key === kbd.ARROW_RIGHT) nextFocusableSegment.value?.focus();\n}\n\nfunction setFocusedElement(el: HTMLElement) {\n  currentFocusedElement.value = el;\n}\n\nprovideDateFieldRootContext({\n  isDateUnavailable: propsIsDateUnavailable.value,\n  locale,\n  modelValue,\n  placeholder,\n  disabled,\n  formatter,\n  hourCycle: props.hourCycle,\n  step,\n  readonly,\n  segmentValues,\n  isInvalid,\n  segmentContents: editableSegmentContents,\n  elements: segmentElements,\n  setFocusedElement,\n  focusNext() {\n    nextFocusableSegment.value?.focus();\n  },\n});\n\ndefineExpose({\n  /** Helper to set the focused element inside the DateField */\n  setFocusedElement,\n});\n</script>\n\n<template>\n  <Primitive\n    v-bind=\"$attrs\"\n    ref=\"primitiveElement\"\n    role=\"group\"\n    :aria-disabled=\"disabled ? true : undefined\"\n    :data-disabled=\"disabled ? '' : undefined\"\n    :data-readonly=\"readonly ? '' : undefined\"\n    :data-invalid=\"isInvalid ? '' : undefined\"\n    :dir=\"dir\"\n    @keydown.left.right=\"handleKeydown\"\n  >\n    <slot\n      :model-value=\"modelValue\"\n      :segments=\"segmentContents\"\n      :is-invalid=\"isInvalid\"\n    />\n\n    <VisuallyHidden\n      :id=\"id\"\n      as=\"input\"\n      type=\"date\"\n      feature=\"focusable\"\n      tabindex=\"-1\"\n      :value=\"modelValue ? modelValue.toString() : ''\"\n      :name=\"name\"\n      :disabled=\"disabled\"\n      :required=\"required\"\n      :max=\"maxValue\"\n      :min=\"minValue\"\n      @focus=\"Array.from(segmentElements)?.[0]?.focus()\"\n    />\n  </Primitive>\n</template>\n"],"names":["_createBlock","_unref","_mergeProps","_renderSlot","_createVNode","VisuallyHidden"],"mappings":"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"}

package/dist/components/DateField/DateFieldRoot.vue2.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./DateFieldRoot.vue.js";
+import { injectDateFieldRootContext, provideDateFieldRootContext } from "./DateFieldRoot.vue.js";
+export {
+  _sfc_main as default,
+  injectDateFieldRootContext,
+  provideDateFieldRootContext
+};
+//# sourceMappingURL=DateFieldRoot.vue2.js.map

package/dist/components/DateField/DateFieldRoot.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFieldRoot.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/DateField/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DateFieldInput, type DateFieldInputProps, } from './DateFieldInput';
+export { default as DateFieldRoot, type DateFieldRootEmits, type DateFieldRootProps, injectDateFieldRootContext, } from './DateFieldRoot';

package/dist/components/DatePicker/DatePickerAnchor.d.ts

@@ -0,0 +1,11 @@
+import { PopoverAnchorProps } from '../Popover';
+export type DatePickerAnchorProps = PopoverAnchorProps;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('../Popper').PopperAnchorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('../Popper').PopperAnchorProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/DatePicker/DatePickerAnchor.vue.js

@@ -0,0 +1,29 @@
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from "vue";
+import _sfc_main$1 from "../Popover/PopoverAnchor.vue.js";
+import "../Primitive/Primitive.js";
+import "../Primitive/Slot.js";
+import "../Presence/Presence.js";
+import "../DismissableLayer/DismissableLayer.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DatePickerAnchor",
+  props: {
+    reference: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(props)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=DatePickerAnchor.vue.js.map

package/dist/components/DatePicker/DatePickerAnchor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerAnchor.vue.js","sources":["../../../src/components/DatePicker/DatePickerAnchor.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PopoverAnchorProps } from \"../Popover\";\nimport { PopoverAnchor } from \"../Popover\";\n\nexport type DatePickerAnchorProps = PopoverAnchorProps;\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<DatePickerAnchorProps>();\n</script>\n\n<template>\n  <PopoverAnchor v-bind=\"props\">\n    <slot />\n  </PopoverAnchor>\n</template>\n"],"names":["_openBlock","_createBlock","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;;AAQA,UAAM,QAAQ;;AAIZ,aAAAA,UAAA,GAAAC,YAEgBC,sDAFO,KAAK,CAAA,GAAA;AAAA,yBAC1B,MAAQ;AAAA,UAARC,WAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;;"}

package/dist/components/DatePicker/DatePickerAnchor.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./DatePickerAnchor.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=DatePickerAnchor.vue2.js.map

package/dist/components/DatePicker/DatePickerAnchor.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerAnchor.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/DatePicker/DatePickerArrow.d.ts

@@ -0,0 +1,11 @@
+import { PopoverArrowProps } from '../Popover';
+export type DatePickerArrowProps = PopoverArrowProps;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('../Popper').PopperArrowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('../Popper').PopperArrowProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/DatePicker/DatePickerArrow.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from "vue";
+import "../Primitive/Primitive.js";
+import "../Primitive/Slot.js";
+import _sfc_main$1 from "../Popover/PopoverArrow.vue.js";
+import "../Presence/Presence.js";
+import "../DismissableLayer/DismissableLayer.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DatePickerArrow",
+  props: {
+    width: {},
+    height: {},
+    rounded: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(props)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=DatePickerArrow.vue.js.map

package/dist/components/DatePicker/DatePickerArrow.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerArrow.vue.js","sources":["../../../src/components/DatePicker/DatePickerArrow.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PopoverArrowProps } from \"../Popover\";\nimport { PopoverArrow } from \"../Popover\";\n\nexport type DatePickerArrowProps = PopoverArrowProps;\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<DatePickerArrowProps>();\n</script>\n\n<template>\n  <PopoverArrow v-bind=\"props\">\n    <slot />\n  </PopoverArrow>\n</template>\n"],"names":["_openBlock","_createBlock","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;;AAIZ,aAAAA,UAAA,GAAAC,YAEeC,sDAFO,KAAK,CAAA,GAAA;AAAA,yBACzB,MAAQ;AAAA,UAARC,WAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;;"}

package/dist/components/DatePicker/DatePickerArrow.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./DatePickerArrow.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=DatePickerArrow.vue2.js.map

package/dist/components/DatePicker/DatePickerArrow.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerArrow.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/DatePicker/DatePickerCalendar.d.ts

@@ -0,0 +1,17 @@
+import { DateValue } from '@internationalized/date';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    default?(_: {
+        date: DateValue;
+        grid: import('../../date').Grid<DateValue>[];
+        weekDays: string[];
+        weekStartsOn: 0 | 1 | 2 | 6 | 3 | 4 | 5;
+        locale: string;
+        fixedWeeks: boolean;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/DatePicker/DatePickerCalendar.vue.js

@@ -0,0 +1,60 @@
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
+import { isEqualDay as $14e0f24ef4ac5c92$export$91b62ebf2ba703ee } from "../../node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/dist/queries.js";
+import "../Primitive/Primitive.js";
+import "../Primitive/Slot.js";
+import _sfc_main$1 from "../Calendar/CalendarRoot.vue.js";
+import "../DismissableLayer/DismissableLayer.vue.js";
+import { injectDatePickerRootContext } from "./DatePickerRoot.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DatePickerCalendar",
+  setup(__props) {
+    const rootContext = injectDatePickerRootContext();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
+        isDateDisabled: unref(rootContext).isDateDisabled,
+        isDateUnavailable: unref(rootContext).isDateUnavailable,
+        minValue: unref(rootContext).minValue.value,
+        maxValue: unref(rootContext).maxValue.value,
+        locale: unref(rootContext).locale.value,
+        disabled: unref(rootContext).disabled.value,
+        pagedNavigation: unref(rootContext).pagedNavigation.value,
+        weekStartsOn: unref(rootContext).weekStartsOn.value,
+        weekdayFormat: unref(rootContext).weekdayFormat.value,
+        fixedWeeks: unref(rootContext).fixedWeeks.value,
+        numberOfMonths: unref(rootContext).numberOfMonths.value,
+        readonly: unref(rootContext).readonly.value,
+        preventDeselect: unref(rootContext).preventDeselect.value,
+        dir: unref(rootContext).dir.value
+      }, {
+        "model-value": unref(rootContext).modelValue.value,
+        placeholder: unref(rootContext).placeholder.value,
+        multiple: false,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = (date) => {
+          if (date && unref(rootContext).modelValue.value && unref($14e0f24ef4ac5c92$export$91b62ebf2ba703ee)(date, unref(rootContext).modelValue.value))
+            return;
+          unref(rootContext).onDateChange(date);
+        }),
+        "onUpdate:placeholder": _cache[1] || (_cache[1] = (date) => {
+          if (unref($14e0f24ef4ac5c92$export$91b62ebf2ba703ee)(date, unref(rootContext).placeholder.value)) return;
+          unref(rootContext).onPlaceholderChange(date);
+        })
+      }), {
+        default: withCtx(({ weekDays, grid, date, weekStartsOn, locale, fixedWeeks }) => [
+          renderSlot(_ctx.$slots, "default", {
+            date,
+            grid,
+            weekDays,
+            weekStartsOn,
+            locale,
+            fixedWeeks
+          })
+        ]),
+        _: 3
+      }, 16, ["model-value", "placeholder"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=DatePickerCalendar.vue.js.map

package/dist/components/DatePicker/DatePickerCalendar.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerCalendar.vue.js","sources":["../../../src/components/DatePicker/DatePickerCalendar.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DateValue } from \"@internationalized/date\";\nimport { isEqualDay } from \"@internationalized/date\";\nimport { CalendarRoot } from \"../Calendar\";\nimport { injectDatePickerRootContext } from \"./DatePickerRoot.vue\";\n</script>\n\n<script setup lang=\"ts\">\nconst rootContext = injectDatePickerRootContext();\n</script>\n\n<template>\n  <CalendarRoot\n    v-slot=\"{ weekDays, grid, date, weekStartsOn, locale, fixedWeeks }\"\n    v-bind=\"{\n      isDateDisabled: rootContext.isDateDisabled,\n      isDateUnavailable: rootContext.isDateUnavailable,\n      minValue: rootContext.minValue.value,\n      maxValue: rootContext.maxValue.value,\n      locale: rootContext.locale.value,\n      disabled: rootContext.disabled.value,\n      pagedNavigation: rootContext.pagedNavigation.value,\n      weekStartsOn: rootContext.weekStartsOn.value,\n      weekdayFormat: rootContext.weekdayFormat.value,\n      fixedWeeks: rootContext.fixedWeeks.value,\n      numberOfMonths: rootContext.numberOfMonths.value,\n      readonly: rootContext.readonly.value,\n      preventDeselect: rootContext.preventDeselect.value,\n      dir: rootContext.dir.value,\n    }\"\n    :model-value=\"rootContext.modelValue.value\"\n    :placeholder=\"rootContext.placeholder.value\"\n    :multiple=\"false\"\n    @update:model-value=\"\n      (date: DateValue | undefined) => {\n        if (\n          date &&\n          rootContext.modelValue.value &&\n          isEqualDay(date, rootContext.modelValue.value)\n        )\n          return;\n\n        rootContext.onDateChange(date);\n      }\n    \"\n    @update:placeholder=\"\n      (date: DateValue) => {\n        if (isEqualDay(date, rootContext.placeholder.value)) return;\n        rootContext.onPlaceholderChange(date);\n      }\n    \"\n  >\n    <slot\n      :date=\"date\"\n      :grid=\"grid\"\n      :week-days=\"weekDays\"\n      :week-starts-on=\"weekStartsOn\"\n      :locale=\"locale\"\n      :fixed-weeks=\"fixedWeeks\"\n    />\n  </CalendarRoot>\n</template>\n"],"names":["_openBlock","_createBlock","_unref","_mergeProps","isEqualDay","_renderSlot"],"mappings":";;;;;;;;;;AAQA,UAAM,cAAc,4BAAA;;AAIlB,aAAAA,aAAAC,YAgDeC,oBAhDfC,WAgDe;AAAA,QA9CmB,gBAAAD,MAAA,WAAA,EAAY;AAAA,QAAyC,mBAAAA,MAAA,WAAA,EAAY;AAAA,kBAAmCA,MAAA,WAAA,EAAY,SAAS;AAAA,kBAAuBA,MAAA,WAAA,EAAY,SAAS;AAAA,gBAAqBA,MAAA,WAAA,EAAY,OAAO;AAAA,kBAAuBA,MAAA,WAAA,EAAY,SAAS;AAAA,yBAA8BA,MAAA,WAAA,EAAY,gBAAgB;AAAA,sBAA2BA,MAAA,WAAA,EAAY,aAAa;AAAA,uBAA4BA,MAAA,WAAA,EAAY,cAAc;AAAA,oBAAyBA,MAAA,WAAA,EAAY,WAAW;AAAA,wBAA6BA,MAAA,WAAA,EAAY,eAAe;AAAA,kBAAuBA,MAAA,WAAA,EAAY,SAAS;AAAA,yBAA8BA,MAAA,WAAA,EAAY,gBAAgB;AAAA,aAAkBA,MAAA,WAAA,EAAY,IAAI;AAAA,MAAA;QAgB5qB,eAAaA,MAAA,WAAA,EAAY,WAAW;AAAA,QACpC,aAAaA,MAAA,WAAA,EAAY,YAAY;AAAA,QACrC,UAAU;AAAA,QACV,uBAAkB,OAAA,CAAA,MAAA,OAAA,CAAA,KAAU,SAA2B;cAA8B,QAAkBA,MAAA,WAAA,EAAY,WAAW,SAAmBA,MAAAE,yCAAA,EAAW,MAAMF,mBAAY,WAAW,KAAK;;AAAuCA,gBAAA,WAAA,EAAY,aAAa,IAAI;AAAA;QAYlQ,wBAAkB,OAAA,CAAA,MAAA,OAAA,CAAA,KAAU,SAAe;AAAmB,cAAAA,MAAAE,yCAAA,EAAW,MAAMF,mBAAY,YAAY,KAAK,EAAA;AAAmBA,gBAAA,WAAA,EAAY,oBAAoB,IAAI;AAAA;;yBAOpK,CAOE,EA9CQ,UAAU,MAAM,MAAM,cAAc,QAAQ,iBAAU;AAAA,UAuChEG,WAOE,KAAA,QAAA,WAAA;AAAA,YANC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;;;;;;;"}