orio-ui 1.23.3 → 1.27.0

package/dist/runtime/components/NumberInput/Vertical.vue

@@ -6,14 +6,19 @@ defineProps({
   max: { type: Number, required: false, default: void 0 },
   step: { type: Number, required: false, default: 1 },
   decimalPlaces: { type: Number, required: false, default: 0 },
-  disabled: { type: Boolean, required: false, default: false },
   appearance: { type: String, required: false },
   error: { type: [String, null], required: false },
   group: { type: Boolean, required: false },
   id: { type: String, required: false },
   label: { type: String, required: false },
   size: { type: String, required: false },
-  fill: { type: Boolean, required: false }
+  fill: { type: Boolean, required: false },
+  tabindex: { type: [Number, String], required: false },
+  focusKey: { type: String, required: false },
+  disabled: { type: Boolean, required: false, default: false },
+  required: { type: Boolean, required: false },
+  name: { type: String, required: false },
+  ariaLabel: { type: String, required: false }
 });
 const modelValue = defineModel({ type: Number, ...{ default: 0 } });
 const { pressAndHold, stop } = usePressAndHold();

package/dist/runtime/components/NumberInput/index.d.vue.ts

@@ -6,7 +6,6 @@ export interface NumberInputProps extends Omit<ControlProps, "layout"> {
     max?: number;
     step?: number;
     decimalPlaces?: number;
-    disabled?: boolean;
 }
 type __VLS_Props = NumberInputProps;
 declare function increase(): void;
@@ -30,7 +29,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
     layout: InputLayout;
-    disabled: boolean;
     step: number;
     min: number;
     max: number;

package/dist/runtime/components/NumberInput/index.vue

@@ -6,14 +6,19 @@ const props = defineProps({
   max: { type: Number, required: false, default: void 0 },
   step: { type: Number, required: false, default: 1 },
   decimalPlaces: { type: Number, required: false, default: 0 },
-  disabled: { type: Boolean, required: false, default: false },
   appearance: { type: String, required: false },
   error: { type: [String, null], required: false },
   group: { type: Boolean, required: false },
   id: { type: String, required: false },
   label: { type: String, required: false },
   size: { type: String, required: false },
-  fill: { type: Boolean, required: false }
+  fill: { type: Boolean, required: false },
+  tabindex: { type: [Number, String], required: false },
+  focusKey: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  required: { type: Boolean, required: false },
+  name: { type: String, required: false },
+  ariaLabel: { type: String, required: false }
 });
 const { min, max, step, decimalPlaces } = toRefs(props);
 const modelValue = defineModel({ type: Number, ...{ default: 0 } });
@@ -49,7 +54,6 @@ const controlProps = computed(() => {
     max: _max,
     step: _step,
     decimalPlaces: _decimalPlaces,
-    disabled: _disabled,
     ...rest
   } = props;
   return rest;
@@ -64,19 +68,17 @@ const slotExpose = computed(() => ({
 
 <template>
   <orio-control-element
-    v-slot="{ id }"
+    v-slot="{ control }"
     v-bind="controlProps"
     :layout="layout === 'inner' ? 'vertical' : layout"
     :class="{ inner: layout === 'inner' }"
   >
     <div class="wrapper">
       <input
-        v-bind="$attrs"
-        :id
+        v-bind="{ ...$attrs, ...control }"
         v-model="modelValue"
         type="number"
         class="number-input"
-        :disabled
         :min
         :max
         :step

package/dist/runtime/components/NumberInput/index.vue.d.ts

@@ -6,7 +6,6 @@ export interface NumberInputProps extends Omit<ControlProps, "layout"> {
     max?: number;
     step?: number;
     decimalPlaces?: number;
-    disabled?: boolean;
 }
 type __VLS_Props = NumberInputProps;
 declare function increase(): void;
@@ -30,7 +29,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
     layout: InputLayout;
-    disabled: boolean;
     step: number;
     min: number;
     max: number;

package/dist/runtime/components/RadioButton.d.vue.ts

@@ -2,8 +2,6 @@ import type { ControlProps } from "./ControlElement.vue.js";
 export interface RadioButtonProps extends ControlProps {
     /** The value this radio represents; compared to v-model to determine checked state */
     value?: unknown;
-    /** HTML name attribute — groups radios together so only one is selected at a time */
-    name?: string;
     /** Inline label text (alternative to default slot) */
     text?: string;
     /** Visually hides the label while keeping it accessible to SR (screen readers) */

package/dist/runtime/components/RadioButton.vue

@@ -2,7 +2,6 @@
 const modelValue = defineModel({ type: null });
 const props = defineProps({
   value: { type: null, required: false },
-  name: { type: String, required: false },
   text: { type: String, required: false },
   hideLabel: { type: Boolean, required: false },
   appearance: { type: String, required: false },
@@ -12,17 +11,23 @@ const props = defineProps({
   label: { type: String, required: false },
   layout: { type: String, required: false },
   size: { type: String, required: false },
-  fill: { type: Boolean, required: false }
+  fill: { type: Boolean, required: false },
+  tabindex: { type: [Number, String], required: false },
+  focusKey: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  required: { type: Boolean, required: false },
+  name: { type: String, required: false },
+  ariaLabel: { type: String, required: false }
 });
 </script>
 
 <template>
-  <orio-control-element v-bind="props" class="radio">
+  <orio-control-element v-slot="{ control }" v-bind="props" class="radio">
     <label class="radio-label">
       <input
         v-model="modelValue"
+        v-bind="control"
         type="radio"
-        :name="name"
         :value="value"
         class="radio-input"
         tabindex="-1"

package/dist/runtime/components/RadioButton.vue.d.ts

@@ -2,8 +2,6 @@ import type { ControlProps } from "./ControlElement.vue.js";
 export interface RadioButtonProps extends ControlProps {
     /** The value this radio represents; compared to v-model to determine checked state */
     value?: unknown;
-    /** HTML name attribute — groups radios together so only one is selected at a time */
-    name?: string;
     /** Inline label text (alternative to default slot) */
     text?: string;
     /** Visually hides the label while keeping it accessible to SR (screen readers) */

package/dist/runtime/components/Selector.d.vue.ts

@@ -20,6 +20,7 @@ declare const __VLS_export: <T extends object>(__VLS_props: NonNullable<Awaited<
     slots: {
         trigger?: (props: {
             toggle: any;
+            control: any;
         }) => any;
     } & {
         'trigger-content'?: (props: {

package/dist/runtime/components/Selector.vue

@@ -17,7 +17,13 @@ const props = defineProps({
   label: { type: String, required: false },
   layout: { type: String, required: false },
   size: { type: String, required: false },
-  fill: { type: Boolean, required: false }
+  fill: { type: Boolean, required: false },
+  tabindex: { type: [Number, String], required: false },
+  focusKey: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  required: { type: Boolean, required: false },
+  name: { type: String, required: false },
+  ariaLabel: { type: String, required: false }
 });
 const { field, optionName } = toRefs(props);
 const resolvedPlaceholder = computed(
@@ -107,12 +113,12 @@ const {
 </script>
 
 <template>
-  <orio-control-element v-bind="controlProps">
+  <orio-control-element v-slot="{ control }" v-bind="controlProps">
     <orio-popover position="bottom-right" :offset="5">
       <template #default="{ toggle, isOpen }">
-        <slot name="trigger" :toggle>
+        <slot name="trigger" :toggle :control>
           <button
-            :id="props.id"
+            v-bind="control"
             type="button"
             class="selector-trigger"
             aria-haspopup="listbox"

package/dist/runtime/components/Selector.vue.d.ts

@@ -20,6 +20,7 @@ declare const __VLS_export: <T extends object>(__VLS_props: NonNullable<Awaited<
     slots: {
         trigger?: (props: {
             toggle: any;
+            control: any;
         }) => any;
     } & {
         'trigger-content'?: (props: {

package/dist/runtime/components/SwitchButton.d.vue.ts

@@ -1,8 +1,5 @@
 import type { ControlProps } from "./ControlElement.vue.js";
-interface Props extends ControlProps {
-    disabled?: boolean;
-}
-type __VLS_Props = Props;
+type __VLS_Props = ControlProps;
 type __VLS_ModelProps = {
     modelValue?: boolean;
 };

package/dist/runtime/components/SwitchButton.vue

@@ -1,6 +1,5 @@
 <script setup>
 const props = defineProps({
-  disabled: { type: Boolean, required: false, default: false },
   appearance: { type: String, required: false },
   error: { type: [String, null], required: false },
   group: { type: Boolean, required: false },
@@ -8,7 +7,13 @@ const props = defineProps({
   label: { type: String, required: false },
   layout: { type: String, required: false },
   size: { type: String, required: false },
-  fill: { type: Boolean, required: false }
+  fill: { type: Boolean, required: false },
+  tabindex: { type: [Number, String], required: false },
+  focusKey: { type: String, required: false },
+  disabled: { type: Boolean, required: false, default: false },
+  required: { type: Boolean, required: false },
+  name: { type: String, required: false },
+  ariaLabel: { type: String, required: false }
 });
 const modelValue = defineModel({ type: Boolean, ...{ required: false } });
 function toggle() {
@@ -18,13 +23,11 @@ function toggle() {
 </script>
 
 <template>
-  <orio-control-element v-slot="{ id }" v-bind="props">
+  <orio-control-element v-slot="{ control }" v-bind="props">
     <button
-      :id
-      v-bind="$attrs"
+      v-bind="{ ...$attrs, ...control }"
       class="switch-button"
-      :class="{ active: modelValue, disabled }"
-      :disabled="disabled"
+      :class="{ active: modelValue, disabled: props.disabled }"
       @click="toggle"
       @keydown.enter.prevent="toggle"
       @keydown.space.prevent="toggle"

package/dist/runtime/components/SwitchButton.vue.d.ts

@@ -1,8 +1,5 @@
 import type { ControlProps } from "./ControlElement.vue.js";
-interface Props extends ControlProps {
-    disabled?: boolean;
-}
-type __VLS_Props = Props;
+type __VLS_Props = ControlProps;
 type __VLS_ModelProps = {
     modelValue?: boolean;
 };

package/dist/runtime/components/TaggableSelector.vue

@@ -12,7 +12,13 @@ const props = defineProps({
   label: { type: String, required: false },
   layout: { type: String, required: false },
   size: { type: String, required: false },
-  fill: { type: Boolean, required: false }
+  fill: { type: Boolean, required: false },
+  tabindex: { type: [Number, String], required: false },
+  focusKey: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  required: { type: Boolean, required: false },
+  name: { type: String, required: false },
+  ariaLabel: { type: String, required: false }
 });
 const modelValue = defineModel({ type: Array });
 </script>

package/dist/runtime/components/Textarea.vue

@@ -8,18 +8,28 @@ const props = defineProps({
   id: { type: String, required: false },
   label: { type: String, required: false },
   size: { type: String, required: false },
-  fill: { type: Boolean, required: false }
+  fill: { type: Boolean, required: false },
+  tabindex: { type: [Number, String], required: false },
+  focusKey: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  required: { type: Boolean, required: false },
+  name: { type: String, required: false },
+  ariaLabel: { type: String, required: false }
 });
 </script>
 
 <template>
   <orio-control-element
-    v-slot="{ id }"
+    v-slot="{ control }"
     v-bind="props"
     :layout="layout === 'inner' ? 'vertical' : layout"
     :class="{ inner: layout === 'inner' }"
   >
-    <textarea :id v-model="modelValue" rows="4" v-bind="$attrs" />
+    <textarea
+      v-model="modelValue"
+      rows="4"
+      v-bind="{ ...$attrs, ...control }"
+    />
   </orio-control-element>
 </template>
 

package/dist/runtime/components/date/Picker.USAGE.md

@@ -0,0 +1,44 @@
+# date/Picker — agent-only invariants
+
+`<orio-date-picker>` is the single-date picker: a `<orio-date-picker-trigger>`
+button that opens a popover containing `<orio-calendar>`. For ranges use
+`<orio-date-range-picker>`.
+
+## Invariants
+
+- **Extends `ControlProps`.** Pass `label`, `error`, `size`, `disabled`,
+  `required` straight through — they reach the trigger via ControlElement.
+  See `ControlElement.USAGE.md`.
+- **v-model is `string | null`** in ISO `YYYY-MM-DD` form. `null` means
+  unpicked.
+- **`min` / `max`** are ISO strings. They merge with the consumer's
+  `isDisabled(iso)` callback — Picker's `calendarIsDisabled` returns true
+  when either the min/max bound is violated OR the consumer says so.
+- **Selecting a day closes the popover** automatically (`toggle(false)` is
+  called inside the `@select` handler). Do not wire your own close.
+- **Markers + getMarker** are forwarded to the inner Calendar unchanged.
+  See `Calendar.USAGE.md` for the matching rules.
+- **Placeholder text** falls back to the i18n key `datePicker.placeholder`
+  if no `placeholder` prop is given.
+
+## Gotchas
+
+- The trigger displays the date via `formatDate(value, locale)` from
+  `../../utils/date`. If you need a custom display format, wrap the
+  picker — the prop is not exposed.
+- `<orio-date-picker-trigger>` is the popover host. Wiring up your own
+  trigger means re-creating popover focus management — prefer composing
+  with the existing trigger via its `#default` scoped slot if you need
+  custom calendar content (this is exactly how Picker itself works).
+
+## Quick reference
+
+```vue
+<orio-date-picker
+  v-model="checkInDate"
+  label="Check-in"
+  :min="todayIso"
+  :max="maxBookingIso"
+  :is-disabled="(iso) => blockedDates.has(iso)"
+/>
+```

package/dist/runtime/components/date/Picker.d.vue.ts

@@ -0,0 +1,26 @@
+import type { ControlProps } from "../ControlElement.vue.js";
+import type { CalendarMarker } from "../Calendar.vue.js";
+interface Props extends ControlProps {
+    placeholder?: string;
+    min?: string | null;
+    max?: string | null;
+    markers?: CalendarMarker[];
+    getMarker?: (iso: string) => CalendarMarker | null;
+    isDisabled?: (iso: string) => boolean;
+}
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    modelValue?: string | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {
+    markers: CalendarMarker[];
+    min: string | null;
+    max: string | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/date/Picker.vue

@@ -0,0 +1,60 @@
+<script setup>
+import { computed } from "vue";
+import { useI18n } from "vue-i18n";
+import { formatDate } from "../../utils/date";
+const props = defineProps({
+  placeholder: { type: String, required: false },
+  min: { type: [String, null], required: false, default: null },
+  max: { type: [String, null], required: false, default: null },
+  markers: { type: Array, required: false, default: () => [] },
+  getMarker: { type: Function, required: false },
+  isDisabled: { type: Function, required: false },
+  appearance: { type: String, required: false },
+  error: { type: [String, null], required: false },
+  group: { type: Boolean, required: false },
+  id: { type: String, required: false },
+  label: { type: String, required: false },
+  layout: { type: String, required: false },
+  size: { type: String, required: false },
+  fill: { type: Boolean, required: false },
+  tabindex: { type: [Number, String], required: false },
+  focusKey: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  required: { type: Boolean, required: false },
+  name: { type: String, required: false },
+  ariaLabel: { type: String, required: false }
+});
+const value = defineModel({ type: [String, null], ...{ default: null } });
+const { locale, t } = useI18n();
+const display = computed(() => formatDate(value.value, locale.value));
+const placeholderText = computed(
+  () => props.placeholder ?? t("datePicker.placeholder")
+);
+const calendarIsDisabled = computed(() => (iso) => {
+  if (props.min && iso < props.min) return true;
+  if (props.max && iso > props.max) return true;
+  return props.isDisabled?.(iso) ?? false;
+});
+function pick(iso, toggle) {
+  value.value = iso;
+  toggle(false);
+}
+</script>
+
+<template>
+  <orio-date-picker-trigger
+    v-bind="props"
+    :text="display"
+    :placeholder="placeholderText"
+  >
+    <template #default="{ toggle }">
+      <orio-calendar
+        :selected="value"
+        :markers
+        :get-marker="getMarker"
+        :is-disabled="calendarIsDisabled"
+        @select="pick($event, toggle)"
+      />
+    </template>
+  </orio-date-picker-trigger>
+</template>

package/dist/runtime/components/date/Picker.vue.d.ts

@@ -0,0 +1,26 @@
+import type { ControlProps } from "../ControlElement.vue.js";
+import type { CalendarMarker } from "../Calendar.vue.js";
+interface Props extends ControlProps {
+    placeholder?: string;
+    min?: string | null;
+    max?: string | null;
+    markers?: CalendarMarker[];
+    getMarker?: (iso: string) => CalendarMarker | null;
+    isDisabled?: (iso: string) => boolean;
+}
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    modelValue?: string | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {
+    markers: CalendarMarker[];
+    min: string | null;
+    max: string | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/date/PickerTrigger.d.vue.ts

@@ -0,0 +1,23 @@
+import type { ControlProps } from "../ControlElement.vue.js";
+interface Props extends ControlProps {
+    text?: string;
+    placeholder?: string;
+}
+declare var __VLS_21: {
+    toggle: any;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    text: string;
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/date/PickerTrigger.vue

@@ -0,0 +1,86 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  text: { type: String, required: false, default: "" },
+  placeholder: { type: String, required: false, default: "" },
+  appearance: { type: String, required: false },
+  error: { type: [String, null], required: false },
+  group: { type: Boolean, required: false },
+  id: { type: String, required: false },
+  label: { type: String, required: false },
+  layout: { type: String, required: false },
+  size: { type: String, required: false },
+  fill: { type: Boolean, required: false },
+  tabindex: { type: [Number, String], required: false },
+  focusKey: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  required: { type: Boolean, required: false },
+  name: { type: String, required: false },
+  ariaLabel: { type: String, required: false }
+});
+const controlProps = computed(() => {
+  const { text, placeholder, ...rest } = props;
+  return rest;
+});
+</script>
+
+<template>
+  <orio-control-element v-slot="{ control }" v-bind="controlProps">
+    <orio-popover position="bottom-right" :offset="5">
+      <template #default="{ toggle, isOpen }">
+        <button
+          v-bind="control"
+          type="button"
+          class="date-trigger"
+          :aria-expanded="isOpen"
+          @click="toggle()"
+        >
+          <span :class="{ placeholder: !text }">
+            {{ text || placeholder }}
+          </span>
+          <orio-icon name="calendar" />
+        </button>
+      </template>
+      <template #content="{ toggle }">
+        <slot :toggle />
+      </template>
+    </orio-popover>
+  </orio-control-element>
+</template>
+
+<style scoped>
+.date-trigger {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--control-gap);
+  background: var(--color-bg);
+  border: 1px solid var(--color-border);
+  border-radius: var(--control-radius);
+  padding: var(--control-py) var(--control-px);
+  color: var(--color-text);
+  cursor: pointer;
+  user-select: none;
+  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
+}
+.date-trigger:hover {
+  border-color: var(--color-accent);
+  background-color: var(--color-surface);
+}
+.date-trigger[aria-expanded=true], .date-trigger:focus-visible {
+  border-color: var(--color-accent);
+  box-shadow: 0 0 0 2px var(--color-surface);
+  outline: none;
+}
+.date-trigger .placeholder {
+  color: var(--color-muted);
+}
+.date-trigger .icon {
+  color: var(--color-muted);
+  transition: color 0.2s ease;
+}
+.date-trigger:hover .icon {
+  color: var(--color-accent);
+}
+</style>

package/dist/runtime/components/date/PickerTrigger.vue.d.ts

@@ -0,0 +1,23 @@
+import type { ControlProps } from "../ControlElement.vue.js";
+interface Props extends ControlProps {
+    text?: string;
+    placeholder?: string;
+}
+declare var __VLS_21: {
+    toggle: any;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    text: string;
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/date/RangePicker.d.vue.ts

@@ -0,0 +1,28 @@
+import type { ControlProps } from "../ControlElement.vue.js";
+import type { CalendarMarker } from "../Calendar.vue.js";
+import { type DateRange } from "../../utils/date.js";
+export type { DateRange };
+interface Props extends ControlProps {
+    placeholder?: string;
+    min?: string | null;
+    max?: string | null;
+    markers?: CalendarMarker[];
+    getMarker?: (iso: string) => CalendarMarker | null;
+    isDisabled?: (iso: string) => boolean;
+}
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    modelValue?: DateRange;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: DateRange) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
+}>, {
+    markers: CalendarMarker[];
+    min: string | null;
+    max: string | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;