@shwfed/config 1.0.0

package/dist/runtime/components/ui/date-range-picker/DateRangePickerDatePanel.vue.d.ts

@@ -0,0 +1,15 @@
+import type { DateRange, DateValue } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    modelValue?: DateRange;
+    isDateDisabled?: (d: DateValue) => boolean;
+    numberOfMonths?: number;
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: DateRange | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: DateRange | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/date-range-picker/DateRangePickerDateTimePanel.d.vue.ts

@@ -0,0 +1,23 @@
+import type { DateRange, DateValue } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    modelValue?: DateRange;
+    isDateDisabled?: (d: DateValue) => boolean;
+    granularity?: 'hour' | 'minute' | 'second';
+    hourCycle?: 12 | 24;
+    numberOfMonths?: number;
+    rangeSeparatorIcon?: string;
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: DateRange | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: DateRange | undefined) => any) | undefined;
+}>, {
+    numberOfMonths: number;
+    granularity: "hour" | "minute" | "second";
+    hourCycle: 12 | 24;
+    rangeSeparatorIcon: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/date-range-picker/DateRangePickerDateTimePanel.vue

@@ -0,0 +1,151 @@
+<script setup>
+import { CalendarDate, CalendarDateTime, getLocalTimeZone, Time, today } from "@internationalized/date";
+import { Icon } from "@iconify/vue";
+import { TimeField } from "reka-ui/namespaced";
+import { computed } from "vue";
+import { cn } from "../../../utils/cn";
+import { RangeCalendar } from "../range-calendar";
+defineOptions({ name: "UiDateRangePickerDateTimePanel" });
+const props = defineProps({
+  modelValue: { type: Object, required: false },
+  isDateDisabled: { type: Function, required: false },
+  granularity: { type: String, required: false, default: "second" },
+  hourCycle: { type: Number, required: false, default: 24 },
+  numberOfMonths: { type: Number, required: false, default: 2 },
+  rangeSeparatorIcon: { type: String, required: false, default: "lucide:arrow-right" },
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
+});
+const emits = defineEmits(["update:modelValue"]);
+function toDate(value) {
+  if (!value) return void 0;
+  return new CalendarDate(value.year, value.month, "day" in value ? value.day : 1);
+}
+function toTime(value) {
+  if (!value || !("hour" in value)) return void 0;
+  return new Time(value.hour, value.minute, value.second);
+}
+const dateRange = computed(() => ({
+  start: toDate(props.modelValue?.start),
+  end: toDate(props.modelValue?.end)
+}));
+const startTime = computed(() => toTime(props.modelValue?.start));
+const endTime = computed(() => toTime(props.modelValue?.end));
+function mergeDateTime(date, time) {
+  if (!date) return void 0;
+  return new CalendarDateTime(
+    date.year,
+    date.month,
+    "day" in date ? date.day : 1,
+    time?.hour ?? 0,
+    time?.minute ?? 0,
+    time?.second ?? 0
+  );
+}
+function setDateRange(value) {
+  if (!value) {
+    emits("update:modelValue", void 0);
+    return;
+  }
+  emits("update:modelValue", {
+    start: mergeDateTime(value.start, startTime.value),
+    end: mergeDateTime(value.end, endTime.value)
+  });
+}
+function setStartTime(value) {
+  const time = value ?? void 0;
+  const start = props.modelValue?.start ?? toDate(today(getLocalTimeZone()));
+  if (!start) return;
+  emits("update:modelValue", {
+    start: mergeDateTime(start, time),
+    end: props.modelValue?.end
+  });
+}
+function setEndTime(value) {
+  const time = value ?? void 0;
+  const end = props.modelValue?.end ?? toDate(today(getLocalTimeZone()));
+  if (!end) return;
+  emits("update:modelValue", {
+    start: props.modelValue?.start,
+    end: mergeDateTime(end, time)
+  });
+}
+</script>
+
+<template>
+  <div
+    data-slot="date-range-picker-datetime-panel"
+    :class="cn('flex flex-col', props.class)"
+  >
+    <RangeCalendar
+      :model-value="dateRange"
+      :default-placeholder="dateRange.start"
+      :is-date-disabled="props.isDateDisabled"
+      :number-of-months="props.numberOfMonths"
+      @update:model-value="setDateRange"
+    />
+    <div class="border-zinc-200 flex items-center gap-2 border-t p-3">
+      <Icon
+        icon="lucide:clock"
+        class="text-zinc-500 size-4 shrink-0"
+      />
+      <TimeField.Root
+        v-slot="{ segments }"
+        :model-value="startTime"
+        :granularity="props.granularity"
+        :hour-cycle="props.hourCycle"
+        class="text-zinc-700 flex flex-1 items-center justify-center gap-1.5 px-4 text-sm outline-none"
+        @update:model-value="setStartTime"
+      >
+        <template v-if="Array.isArray(segments)">
+          <template
+            v-for="(segment, index) in segments"
+            :key="`s-${segment.part}-${index}`"
+          >
+            <TimeField.Input
+              v-if="segment.part !== 'literal'"
+              :part="segment.part"
+              class="rounded-sm px-1 outline-none focus:bg-zinc-100 data-[placeholder]:text-zinc-400"
+            >
+              {{ segment.value }}
+            </TimeField.Input>
+            <span
+              v-else
+              class="text-zinc-400 select-none"
+            >{{ segment.value }}</span>
+          </template>
+        </template>
+      </TimeField.Root>
+      <Icon
+        :icon="props.rangeSeparatorIcon"
+        class="text-zinc-400 size-3.5 shrink-0"
+      />
+      <TimeField.Root
+        v-slot="{ segments }"
+        :model-value="endTime"
+        :granularity="props.granularity"
+        :hour-cycle="props.hourCycle"
+        class="text-zinc-700 flex flex-1 items-center justify-center gap-1.5 px-4 text-sm outline-none"
+        @update:model-value="setEndTime"
+      >
+        <template v-if="Array.isArray(segments)">
+          <template
+            v-for="(segment, index) in segments"
+            :key="`e-${segment.part}-${index}`"
+          >
+            <TimeField.Input
+              v-if="segment.part !== 'literal'"
+              :part="segment.part"
+              class="rounded-sm px-1 outline-none focus:bg-zinc-100 data-[placeholder]:text-zinc-400"
+            >
+              {{ segment.value }}
+            </TimeField.Input>
+            <span
+              v-else
+              class="text-zinc-400 select-none"
+            >{{ segment.value }}</span>
+          </template>
+        </template>
+      </TimeField.Root>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/ui/date-range-picker/DateRangePickerDateTimePanel.vue.d.ts

@@ -0,0 +1,23 @@
+import type { DateRange, DateValue } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    modelValue?: DateRange;
+    isDateDisabled?: (d: DateValue) => boolean;
+    granularity?: 'hour' | 'minute' | 'second';
+    hourCycle?: 12 | 24;
+    numberOfMonths?: number;
+    rangeSeparatorIcon?: string;
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: DateRange | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: DateRange | undefined) => any) | undefined;
+}>, {
+    numberOfMonths: number;
+    granularity: "hour" | "minute" | "second";
+    hourCycle: 12 | 24;
+    rangeSeparatorIcon: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/date-range-picker/DateRangePickerInput.d.vue.ts

@@ -0,0 +1,36 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    startValue?: Date;
+    endValue?: Date;
+    format: string;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    rangeSeparatorIcon?: string;
+    prefixIcon?: string;
+    clearIcon?: string;
+    clearable?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    open?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: () => any;
+    blur: (args_0: FocusEvent, args_1: "end" | "start") => any;
+    focus: (args_0: FocusEvent, args_1: "end" | "start") => any;
+    "update:startValue": (args_0: Date | undefined) => any;
+    "update:endValue": (args_0: Date | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClear?: (() => any) | undefined;
+    onBlur?: ((args_0: FocusEvent, args_1: "end" | "start") => any) | undefined;
+    onFocus?: ((args_0: FocusEvent, args_1: "end" | "start") => any) | undefined;
+    "onUpdate:startValue"?: ((args_0: Date | undefined) => any) | undefined;
+    "onUpdate:endValue"?: ((args_0: Date | undefined) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    clearable: boolean;
+    clearIcon: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/date-range-picker/DateRangePickerInput.vue

@@ -0,0 +1,169 @@
+<script setup>
+import { Icon } from "@iconify/vue";
+import { format as formatDate, isValid, parse as parseDate } from "date-fns";
+import { computed, ref, watch } from "vue";
+import { cn } from "../../../utils/cn";
+import { InputGroupButton } from "../input-group";
+defineOptions({ name: "UiDateRangePickerInput", inheritAttrs: false });
+const props = defineProps({
+  startValue: { type: Date, required: false },
+  endValue: { type: Date, required: false },
+  format: { type: String, required: true },
+  startPlaceholder: { type: String, required: false },
+  endPlaceholder: { type: String, required: false },
+  rangeSeparatorIcon: { type: String, required: false },
+  prefixIcon: { type: String, required: false },
+  clearIcon: { type: String, required: false, default: "lucide:x" },
+  clearable: { type: Boolean, required: false, default: true },
+  disabled: { type: Boolean, required: false },
+  readonly: { type: Boolean, required: false },
+  open: { type: Boolean, required: false },
+  size: { type: String, required: false, default: "md" },
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
+});
+const sizeClass = computed(() => ({
+  sm: "h-7 text-xs",
+  md: "h-9 text-sm",
+  lg: "h-10 text-base"
+})[props.size]);
+const emits = defineEmits(["update:startValue", "update:endValue", "focus", "blur", "clear"]);
+const startDraft = ref("");
+const endDraft = ref("");
+const focusedSide = ref(null);
+function syncStart() {
+  startDraft.value = props.startValue ? formatDate(props.startValue, props.format) : "";
+}
+function syncEnd() {
+  endDraft.value = props.endValue ? formatDate(props.endValue, props.format) : "";
+}
+watch(
+  () => [props.startValue, props.format],
+  () => {
+    if (focusedSide.value !== "start") syncStart();
+  },
+  { immediate: true }
+);
+watch(
+  () => [props.endValue, props.format],
+  () => {
+    if (focusedSide.value !== "end") syncEnd();
+  },
+  { immediate: true }
+);
+function commit(side) {
+  const draft = side === "start" ? startDraft : endDraft;
+  const current = side === "start" ? props.startValue : props.endValue;
+  const sync = side === "start" ? syncStart : syncEnd;
+  const text = draft.value.trim();
+  if (!text) {
+    if (current !== void 0) {
+      if (side === "start") emits("update:startValue", void 0);
+      else emits("update:endValue", void 0);
+    }
+    return;
+  }
+  const parsed = parseDate(text, props.format, current ?? /* @__PURE__ */ new Date());
+  if (!isValid(parsed)) {
+    sync();
+    return;
+  }
+  if (side === "start") emits("update:startValue", parsed);
+  else emits("update:endValue", parsed);
+}
+function onFocus(event, side) {
+  focusedSide.value = side;
+  emits("focus", event, side);
+}
+function onBlur(event, side) {
+  focusedSide.value = null;
+  commit(side);
+  emits("blur", event, side);
+}
+function onClear() {
+  startDraft.value = "";
+  endDraft.value = "";
+  emits("update:startValue", void 0);
+  emits("update:endValue", void 0);
+  emits("clear");
+}
+const showClear = computed(
+  () => props.clearable && !props.disabled && !props.readonly && (props.startValue !== void 0 || props.endValue !== void 0)
+);
+const hasValue = computed(() => props.startValue !== void 0 || props.endValue !== void 0);
+</script>
+
+<template>
+  <div
+    v-bind="$attrs"
+    data-slot="date-range-picker-input"
+    :data-disabled="props.disabled ? 'true' : void 0"
+    :data-value="hasValue ? 'true' : void 0"
+    :data-state="props.open ? 'open' : void 0"
+    :class="cn(
+  'group/date-range-input',
+  'border-zinc-200 relative flex w-full min-w-0 items-center rounded-md border bg-transparent transition-[color,box-shadow] outline-none',
+  'data-[disabled=true]:bg-zinc-100',
+  'has-[input:focus-visible]:border-(--primary)',
+  'hover:border-zinc-300',
+  sizeClass,
+  props.class
+)"
+  >
+    <Icon
+      v-if="props.prefixIcon"
+      :icon="props.prefixIcon"
+      class="text-zinc-500 ml-3 mr-1 size-4 shrink-0"
+    />
+    <input
+      v-model="startDraft"
+      data-slot="input-group-control"
+      data-side="start"
+      :placeholder="props.startPlaceholder"
+      :disabled="props.disabled"
+      :readonly="props.readonly"
+      :class="cn(
+  'text-zinc-700 placeholder:text-zinc-300 min-w-0 flex-1 bg-transparent px-1 text-sm outline-none disabled:cursor-not-allowed text-center',
+  !props.prefixIcon && 'pl-3'
+)"
+      @focus="(e) => onFocus(e, 'start')"
+      @blur="(e) => onBlur(e, 'start')"
+      @keydown.enter.prevent="commit('start')"
+    >
+    <Icon
+      v-if="props.rangeSeparatorIcon"
+      :icon="props.rangeSeparatorIcon"
+      data-slot="date-range-picker-input-separator"
+      class="text-zinc-400 mx-1 size-3.5 shrink-0"
+    />
+    <input
+      v-model="endDraft"
+      data-slot="input-group-control"
+      data-side="end"
+      :placeholder="props.endPlaceholder"
+      :disabled="props.disabled"
+      :readonly="props.readonly"
+      :class="cn(
+  'text-zinc-700 placeholder:text-zinc-300 min-w-0 flex-1 bg-transparent px-1 text-sm outline-none disabled:cursor-not-allowed text-center',
+  !showClear && 'pr-3'
+)"
+      @focus="(e) => onFocus(e, 'end')"
+      @blur="(e) => onBlur(e, 'end')"
+      @keydown.enter.prevent="commit('end')"
+    >
+    <InputGroupButton
+      v-if="showClear"
+      size="icon-xs"
+      data-slot="date-range-picker-clear"
+      tabindex="-1"
+      :class="cn(
+  'mr-2 shrink-0 text-zinc-500 hover:text-zinc-700 transition-opacity',
+  'opacity-0',
+  'group-hover/date-range-input:opacity-100 focus-within:opacity-100'
+)"
+      @mousedown.prevent
+      @click.stop="onClear"
+    >
+      <Icon :icon="props.clearIcon" />
+    </InputGroupButton>
+  </div>
+</template>

package/dist/runtime/components/ui/date-range-picker/DateRangePickerInput.vue.d.ts

@@ -0,0 +1,36 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    startValue?: Date;
+    endValue?: Date;
+    format: string;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    rangeSeparatorIcon?: string;
+    prefixIcon?: string;
+    clearIcon?: string;
+    clearable?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    open?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: () => any;
+    blur: (args_0: FocusEvent, args_1: "end" | "start") => any;
+    focus: (args_0: FocusEvent, args_1: "end" | "start") => any;
+    "update:startValue": (args_0: Date | undefined) => any;
+    "update:endValue": (args_0: Date | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClear?: (() => any) | undefined;
+    onBlur?: ((args_0: FocusEvent, args_1: "end" | "start") => any) | undefined;
+    onFocus?: ((args_0: FocusEvent, args_1: "end" | "start") => any) | undefined;
+    "onUpdate:startValue"?: ((args_0: Date | undefined) => any) | undefined;
+    "onUpdate:endValue"?: ((args_0: Date | undefined) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    clearable: boolean;
+    clearIcon: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/date-range-picker/DateRangePickerMonthPanel.d.vue.ts

@@ -0,0 +1,14 @@
+import type { DateRange, DateValue } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    modelValue?: DateRange;
+    isDateDisabled?: (d: DateValue) => boolean;
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: DateRange | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: DateRange | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/date-range-picker/DateRangePickerMonthPanel.vue

@@ -0,0 +1,73 @@
+<script setup>
+import { Icon } from "@iconify/vue";
+import { MonthRangePicker } from "reka-ui/namespaced";
+import { cn } from "../../../utils/cn";
+defineOptions({ name: "UiDateRangePickerMonthPanel" });
+const props = defineProps({
+  modelValue: { type: Object, required: false },
+  isDateDisabled: { type: Function, required: false },
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
+});
+const emits = defineEmits(["update:modelValue"]);
+function handleUpdate(value) {
+  emits("update:modelValue", value);
+}
+</script>
+
+<template>
+  <MonthRangePicker.Root
+    v-slot="{ grid }"
+    data-slot="date-range-picker-month-panel"
+    :class="cn('p-3', props.class)"
+    :model-value="props.modelValue"
+    :default-placeholder="props.modelValue?.start"
+    :is-month-disabled="props.isDateDisabled"
+    @update:model-value="handleUpdate"
+  >
+    <MonthRangePicker.Header class="pt-2 pb-2 relative">
+      <nav class="w-full flex items-center gap-1 absolute top-1/2 -translate-y-1/2 transform-gpu inset-x-0 justify-between z-10">
+        <MonthRangePicker.Prev>
+          <Icon icon="lucide:chevron-left" />
+        </MonthRangePicker.Prev>
+        <MonthRangePicker.Next>
+          <Icon icon="lucide:chevron-right" />
+        </MonthRangePicker.Next>
+      </nav>
+      <MonthRangePicker.Heading class="text-sm font-medium text-center w-full" />
+    </MonthRangePicker.Header>
+
+    <MonthRangePicker.Grid class="mt-4">
+      <MonthRangePicker.GridBody>
+        <MonthRangePicker.GridRow
+          v-for="(row, rIdx) in grid.rows"
+          :key="`mrow-${rIdx}`"
+          class="grid grid-cols-4 gap-1 mb-1 last:mb-0"
+        >
+          <MonthRangePicker.Cell
+            v-for="month in row"
+            :key="month.toString()"
+            :date="month"
+          >
+            <MonthRangePicker.CellTrigger
+              v-slot="{ monthValue, disabled, selected, selectionStart, selectionEnd, highlighted }"
+              :month="month"
+              class="block w-full"
+            >
+              <span
+                :class="cn(
+  'flex h-9 w-full items-center justify-center rounded-md text-sm font-normal cursor-pointer',
+  'hover:bg-zinc-100',
+  selected || selectionStart || selectionEnd ? 'bg-(--primary) text-white hover:bg-(--primary)' : '',
+  highlighted && !selected ? 'bg-[color-mix(in_srgb,var(--primary)_20%,white)] text-(--primary) hover:bg-[color-mix(in_srgb,var(--primary)_25%,white)]' : '',
+  disabled ? 'text-zinc-400 opacity-50 cursor-default' : ''
+)"
+              >
+                {{ monthValue }}
+              </span>
+            </MonthRangePicker.CellTrigger>
+          </MonthRangePicker.Cell>
+        </MonthRangePicker.GridRow>
+      </MonthRangePicker.GridBody>
+    </MonthRangePicker.Grid>
+  </MonthRangePicker.Root>
+</template>

package/dist/runtime/components/ui/date-range-picker/DateRangePickerMonthPanel.vue.d.ts

@@ -0,0 +1,14 @@
+import type { DateRange, DateValue } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    modelValue?: DateRange;
+    isDateDisabled?: (d: DateValue) => boolean;
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: DateRange | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: DateRange | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/date-range-picker/DateRangePickerTimeInput.d.vue.ts

@@ -0,0 +1,34 @@
+import type { Time } from '@internationalized/date';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    startValue?: Time;
+    endValue?: Time;
+    granularity?: 'hour' | 'minute' | 'second';
+    hourCycle?: 12 | 24;
+    rangeSeparatorIcon?: string;
+    prefixIcon?: string;
+    clearIcon?: string;
+    clearable?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: () => any;
+    "update:startValue": (args_0: Time | undefined) => any;
+    "update:endValue": (args_0: Time | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClear?: (() => any) | undefined;
+    "onUpdate:startValue"?: ((args_0: Time | undefined) => any) | undefined;
+    "onUpdate:endValue"?: ((args_0: Time | undefined) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    granularity: "hour" | "minute" | "second";
+    hourCycle: 12 | 24;
+    clearable: boolean;
+    clearIcon: string;
+    rangeSeparatorIcon: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;