@shwfed/config 3.0.18 → 3.0.20

package/dist/runtime/components/table/columns/2026-05-28/com.shwfed.table.column.tree-combobox-multi/config.d.vue.ts

@@ -45,6 +45,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -54,7 +55,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
@@ -110,6 +110,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -119,7 +120,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";

package/dist/runtime/components/table/columns/2026-05-28/com.shwfed.table.column.tree-combobox-multi/config.vue.d.ts

@@ -45,6 +45,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -54,7 +55,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
@@ -110,6 +110,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -119,7 +120,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";

package/dist/runtime/components/table/columns/2026-05-28/com.shwfed.table.column.tree-combobox-single/config.d.vue.ts

@@ -45,6 +45,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -54,7 +55,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -109,6 +109,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -118,7 +119,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/table/columns/2026-05-28/com.shwfed.table.column.tree-combobox-single/config.vue.d.ts

@@ -45,6 +45,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -54,7 +55,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -109,6 +109,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -118,7 +119,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-multi/config.d.vue.ts

@@ -46,10 +46,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
-        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
@@ -106,10 +106,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
-        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-multi/config.vue.d.ts

@@ -46,10 +46,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
-        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
@@ -106,10 +106,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
-        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-single/config.d.vue.ts

@@ -46,10 +46,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
-        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -105,10 +105,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
-        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-single/config.vue.d.ts

@@ -46,10 +46,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
-        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -105,10 +105,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
-        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

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

@@ -1,12 +1,6 @@
 import type { DateValue } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
-import type { LocaleValue } from '../../../share/locale.js';
-import type { DatePickerType } from './types.js';
-type ShortcutValue = string | (() => string);
-export interface DatePickerShortcut {
-    name: LocaleValue;
-    value: ShortcutValue;
-}
+import type { DatePickerShortcut, DatePickerType } from './types.js';
 type __VLS_Props = {
     modelValue?: string;
     defaultValue?: string;
@@ -28,9 +22,9 @@ type __VLS_Props = {
     shortcuts?: ReadonlyArray<DatePickerShortcut>;
     size?: 'sm' | 'md' | 'lg';
 };
-declare var __VLS_33: {};
+declare var __VLS_35: {};
 type __VLS_Slots = {} & {
-    trailing?: (props: typeof __VLS_33) => any;
+    trailing?: (props: typeof __VLS_35) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => any;
@@ -47,8 +41,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
 }>, {
     size: "sm" | "md" | "lg";
     type: DatePickerType;
-    hourCycle: 12 | 24;
     clearable: boolean;
+    hourCycle: 12 | 24;
     timeGranularity: "hour" | "minute" | "second";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/date-picker/DatePicker.vue

@@ -3,15 +3,13 @@ import { CalendarDate, CalendarDateTime, Time } from "@internationalized/date";
 import { useVModel } from "@vueuse/core";
 import { format as formatDate, isValid, parse as parseDate } from "date-fns";
 import { computed, ref, useTemplateRef } from "vue";
+import { useIsMobile } from "../../../composables/useIsMobile";
 import { cn } from "../../../utils/cn";
+import { Drawer, DrawerContent, DrawerDescription, DrawerTitle } from "../drawer";
 import { Popover, PopoverAnchor, PopoverContent } from "../popover";
-import DatePickerDatePanel from "./DatePickerDatePanel.vue";
-import DatePickerDateTimePanel from "./DatePickerDateTimePanel.vue";
 import DatePickerInput from "./DatePickerInput.vue";
-import DatePickerMonthPanel from "./DatePickerMonthPanel.vue";
+import DatePickerPanels from "./DatePickerPanels.vue";
 import DatePickerTimeInput from "./DatePickerTimeInput.vue";
-import DatePickerYearPanel from "./DatePickerYearPanel.vue";
-import PickerShortcuts from "./PickerShortcuts.vue";
 import { DATE_PICKER_DEFAULT_FORMATS } from "./types";
 defineOptions({ name: "UiDatePicker", inheritAttrs: false });
 const props = defineProps({
@@ -116,6 +114,13 @@ const dateTimeValue = computed(() => {
 });
 const open = ref(false);
 const anchorEl = useTemplateRef("anchor-el");
+const isMobile = useIsMobile();
+const interactive = computed(() => !props.disabled && !props.readonly);
+function onAnchorClick() {
+  if (isMobile.value && interactive.value && props.type !== "time") {
+    open.value = true;
+  }
+}
 function isInsideAnchor(target) {
   if (!(target instanceof Node)) return false;
   return anchorEl.value?.contains(target) ?? false;
@@ -128,7 +133,7 @@ function onInteractOutside(event) {
   }
 }
 function onInputFocus(event) {
-  if (!props.disabled && !props.readonly) {
+  if (!isMobile.value && interactive.value) {
     open.value = true;
   }
   emits("focus", event);
@@ -156,6 +161,15 @@ function onPanelUpdate(value, closeAfter) {
   setPickerValue(value);
   if (closeAfter) open.value = false;
 }
+const panelProps = computed(() => ({
+  type: props.type,
+  dateValue: dateValue.value,
+  dateTimeValue: dateTimeValue.value,
+  disabledDate: props.disabledDate,
+  timeGranularity: props.timeGranularity,
+  hourCycle: props.hourCycle,
+  shortcuts: props.shortcuts
+}));
 function applyShortcut(index) {
   const item = props.shortcuts?.[index];
   if (!item) return;
@@ -175,6 +189,7 @@ function applyShortcut(index) {
     ref="anchor-el"
     data-slot="date-picker"
     :class="cn('w-full', props.class)"
+    @click="onAnchorClick"
   >
     <DatePickerTimeInput
       v-if="props.type === 'time'"
@@ -192,9 +207,14 @@ function applyShortcut(index) {
       @update:model-value="setFromInputTime"
       @clear="emits('clear')"
     />
+    <!-- The popover root stays mounted on mobile so the input is declared once;
+         it is simply never opened there, and the drawer below takes over. -->
     <Popover
       v-else
-      v-model:open="open"
+      :open="!isMobile && open"
+      @update:open="(value) => {
+  if (!isMobile) open = value;
+}"
     >
       <PopoverAnchor as-child>
         <DatePickerInput
@@ -205,6 +225,7 @@ function applyShortcut(index) {
           :clearable="props.clearable"
           :disabled="props.disabled"
           :readonly="props.readonly"
+          :typeable="!isMobile"
           :open="open"
           :prefix-icon="props.prefixIcon"
           :clear-icon="props.clearIcon"
@@ -224,45 +245,41 @@ function applyShortcut(index) {
         </DatePickerInput>
       </PopoverAnchor>
       <PopoverContent
+        v-if="!isMobile"
         align="start"
         :class="cn('w-auto p-0', props.popoverClass)"
         @open-auto-focus="(event) => event.preventDefault()"
         @interact-outside="onInteractOutside"
       >
-        <div class="flex flex-col">
-          <DatePickerDatePanel
-            v-if="props.type === 'date'"
-            :model-value="dateValue"
-            :is-date-disabled="props.disabledDate"
-            @update:model-value="(value) => onPanelUpdate(value, true)"
-          />
-          <DatePickerMonthPanel
-            v-else-if="props.type === 'month'"
-            :model-value="dateValue"
-            :is-date-disabled="props.disabledDate"
-            @update:model-value="(value) => onPanelUpdate(value, true)"
-          />
-          <DatePickerYearPanel
-            v-else-if="props.type === 'year'"
-            :model-value="dateValue"
-            :is-date-disabled="props.disabledDate"
-            @update:model-value="(value) => onPanelUpdate(value, true)"
-          />
-          <DatePickerDateTimePanel
-            v-else-if="props.type === 'datetime'"
-            :model-value="dateTimeValue"
-            :is-date-disabled="props.disabledDate"
-            :granularity="props.timeGranularity"
-            :hour-cycle="props.hourCycle"
-            @update:model-value="(value) => onPanelUpdate(value, false)"
-          />
-          <PickerShortcuts
-            v-if="props.shortcuts && props.shortcuts.length > 0"
-            :items="props.shortcuts"
-            @select="applyShortcut"
-          />
-        </div>
+        <DatePickerPanels
+          v-bind="panelProps"
+          @update="onPanelUpdate"
+          @shortcut="applyShortcut"
+        />
       </PopoverContent>
     </Popover>
+
+    <Drawer
+      v-if="isMobile && props.type !== 'time'"
+      v-model:open="open"
+    >
+      <DrawerContent
+        :show-close-button="false"
+        :class="cn('p-0 pt-4 gap-0', props.popoverClass)"
+      >
+        <DrawerTitle class="sr-only">
+          {{ props.placeholder || "\u9009\u62E9\u65E5\u671F" }}
+        </DrawerTitle>
+        <DrawerDescription class="sr-only" />
+        <!-- No cross-axis centering here: the calendar sizes itself with
+             `w-full` and `flex-1` cells, and `items-center` would collapse its
+             container to fit-content and undo that. -->
+        <DatePickerPanels
+          v-bind="panelProps"
+          @update="onPanelUpdate"
+          @shortcut="applyShortcut"
+        />
+      </DrawerContent>
+    </Drawer>
   </div>
 </template>

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

@@ -1,12 +1,6 @@
 import type { DateValue } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
-import type { LocaleValue } from '../../../share/locale.js';
-import type { DatePickerType } from './types.js';
-type ShortcutValue = string | (() => string);
-export interface DatePickerShortcut {
-    name: LocaleValue;
-    value: ShortcutValue;
-}
+import type { DatePickerShortcut, DatePickerType } from './types.js';
 type __VLS_Props = {
     modelValue?: string;
     defaultValue?: string;
@@ -28,9 +22,9 @@ type __VLS_Props = {
     shortcuts?: ReadonlyArray<DatePickerShortcut>;
     size?: 'sm' | 'md' | 'lg';
 };
-declare var __VLS_33: {};
+declare var __VLS_35: {};
 type __VLS_Slots = {} & {
-    trailing?: (props: typeof __VLS_33) => any;
+    trailing?: (props: typeof __VLS_35) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => any;
@@ -47,8 +41,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
 }>, {
     size: "sm" | "md" | "lg";
     type: DatePickerType;
-    hourCycle: 12 | 24;
     clearable: boolean;
+    hourCycle: 12 | 24;
     timeGranularity: "hour" | "minute" | "second";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -6,6 +6,7 @@ type __VLS_Props = {
     clearable?: boolean;
     disabled?: boolean;
     readonly?: boolean;
+    typeable?: boolean;
     open?: boolean;
     prefixIcon?: string;
     clearIcon?: string;
@@ -29,6 +30,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
 }>, {
     size: "sm" | "md" | "lg";
     clearable: boolean;
+    typeable: boolean;
     clearIcon: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/date-picker/DatePickerInput.vue

@@ -12,6 +12,7 @@ const props = defineProps({
   clearable: { type: Boolean, required: false, default: true },
   disabled: { type: Boolean, required: false },
   readonly: { type: Boolean, required: false },
+  typeable: { type: Boolean, required: false, default: true },
   open: { type: Boolean, required: false },
   prefixIcon: { type: String, required: false },
   clearIcon: { type: String, required: false, default: "fluent:dismiss-20-regular" },
@@ -90,7 +91,7 @@ const showClear = computed(
       :class="inputSizeClass"
       :placeholder="props.placeholder"
       :disabled="props.disabled"
-      :readonly="props.readonly"
+      :readonly="props.readonly || !props.typeable"
       @update:model-value="(value) => draft = String(value)"
       @focus="onFocus"
       @blur="onBlur"

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

@@ -6,6 +6,7 @@ type __VLS_Props = {
     clearable?: boolean;
     disabled?: boolean;
     readonly?: boolean;
+    typeable?: boolean;
     open?: boolean;
     prefixIcon?: string;
     clearIcon?: string;
@@ -29,6 +30,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
 }>, {
     size: "sm" | "md" | "lg";
     clearable: boolean;
+    typeable: boolean;
     clearIcon: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -0,0 +1,23 @@
+import type { CalendarDateTime } from '@internationalized/date';
+import type { DateValue } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import type { DatePickerShortcut, DatePickerType } from './types.js';
+type __VLS_Props = {
+    type: DatePickerType;
+    dateValue?: DateValue;
+    dateTimeValue?: CalendarDateTime;
+    disabledDate?: (d: DateValue) => boolean;
+    timeGranularity: 'hour' | 'minute' | 'second';
+    hourCycle: 12 | 24;
+    shortcuts?: ReadonlyArray<DatePickerShortcut>;
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    shortcut: (args_0: number) => any;
+    update: (args_0: DateValue | undefined, args_1: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onShortcut?: ((args_0: number) => any) | undefined;
+    onUpdate?: ((args_0: DateValue | undefined, args_1: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/date-picker/DatePickerPanels.vue

@@ -0,0 +1,56 @@
+<script setup>
+import { cn } from "../../../utils/cn";
+import DatePickerDatePanel from "./DatePickerDatePanel.vue";
+import DatePickerDateTimePanel from "./DatePickerDateTimePanel.vue";
+import DatePickerMonthPanel from "./DatePickerMonthPanel.vue";
+import DatePickerYearPanel from "./DatePickerYearPanel.vue";
+import PickerShortcuts from "./PickerShortcuts.vue";
+defineOptions({ name: "UiDatePickerPanels" });
+const props = defineProps({
+  type: { type: String, required: true },
+  dateValue: { type: Object, required: false },
+  dateTimeValue: { type: Object, required: false },
+  disabledDate: { type: Function, required: false },
+  timeGranularity: { type: String, required: true },
+  hourCycle: { type: Number, required: true },
+  shortcuts: { type: Array, required: false },
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
+});
+const emits = defineEmits(["update", "shortcut"]);
+</script>
+
+<template>
+  <div :class="cn('flex flex-col', props.class)">
+    <DatePickerDatePanel
+      v-if="props.type === 'date'"
+      :model-value="props.dateValue"
+      :is-date-disabled="props.disabledDate"
+      @update:model-value="(value) => emits('update', value, true)"
+    />
+    <DatePickerMonthPanel
+      v-else-if="props.type === 'month'"
+      :model-value="props.dateValue"
+      :is-date-disabled="props.disabledDate"
+      @update:model-value="(value) => emits('update', value, true)"
+    />
+    <DatePickerYearPanel
+      v-else-if="props.type === 'year'"
+      :model-value="props.dateValue"
+      :is-date-disabled="props.disabledDate"
+      @update:model-value="(value) => emits('update', value, true)"
+    />
+    <DatePickerDateTimePanel
+      v-else-if="props.type === 'datetime'"
+      :model-value="props.dateTimeValue"
+      :is-date-disabled="props.disabledDate"
+      :granularity="props.timeGranularity"
+      :hour-cycle="props.hourCycle"
+      @update:model-value="(value) => emits('update', value, false)"
+    />
+    <PickerShortcuts
+      v-if="props.shortcuts && props.shortcuts.length > 0"
+      :items="props.shortcuts"
+      @select="(index) => emits('shortcut', index)"
+    />
+  </div>
+</template>

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

@@ -0,0 +1,23 @@
+import type { CalendarDateTime } from '@internationalized/date';
+import type { DateValue } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import type { DatePickerShortcut, DatePickerType } from './types.js';
+type __VLS_Props = {
+    type: DatePickerType;
+    dateValue?: DateValue;
+    dateTimeValue?: CalendarDateTime;
+    disabledDate?: (d: DateValue) => boolean;
+    timeGranularity: 'hour' | 'minute' | 'second';
+    hourCycle: 12 | 24;
+    shortcuts?: ReadonlyArray<DatePickerShortcut>;
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    shortcut: (args_0: number) => any;
+    update: (args_0: DateValue | undefined, args_1: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onShortcut?: ((args_0: number) => any) | undefined;
+    onUpdate?: ((args_0: DateValue | undefined, args_1: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -20,10 +20,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onUpdate:modelValue"?: ((args_0: Time | undefined) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
-    granularity: "hour" | "minute" | "second";
-    hourCycle: 12 | 24;
     clearable: boolean;
     clearIcon: string;
+    granularity: "hour" | "minute" | "second";
+    hourCycle: 12 | 24;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -20,10 +20,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onUpdate:modelValue"?: ((args_0: Time | undefined) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
-    granularity: "hour" | "minute" | "second";
-    hourCycle: 12 | 24;
     clearable: boolean;
     clearIcon: string;
+    granularity: "hour" | "minute" | "second";
+    hourCycle: 12 | 24;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/date-picker/index.d.ts

@@ -1,4 +1,4 @@
-export { default as DatePicker, type DatePickerShortcut } from './DatePicker.vue.js';
+export { default as DatePicker } from './DatePicker.vue.js';
 export { default as DatePickerDatePanel } from './DatePickerDatePanel.vue.js';
 export { default as DatePickerDateTimePanel } from './DatePickerDateTimePanel.vue.js';
 export { default as DatePickerInput } from './DatePickerInput.vue.js';
@@ -7,4 +7,4 @@ export { default as DatePickerTimeInput } from './DatePickerTimeInput.vue.js';
 export { default as DatePickerYearPanel } from './DatePickerYearPanel.vue.js';
 export { default as PickerShortcuts } from './PickerShortcuts.vue.js';
 export { DATE_PICKER_DEFAULT_FORMATS } from './types.js';
-export type { DatePickerType } from './types.js';
+export type { DatePickerShortcut, DatePickerType } from './types.js';