nuance-ui 0.1.38 → 0.1.39

package/dist/runtime/components/combobox/combobox-option-list.d.vue.ts

@@ -3,9 +3,9 @@ export interface ComboboxOptionListProps extends BoxProps {
     /** Id of the element that labels the options list */
     labelledBy?: string;
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ComboboxOptionListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxOptionListProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/combobox/combobox-option-list.vue.d.ts

@@ -3,9 +3,9 @@ export interface ComboboxOptionListProps extends BoxProps {
     /** Id of the element that labels the options list */
     labelledBy?: string;
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ComboboxOptionListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxOptionListProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/combobox/combobox-option.d.vue.ts

@@ -5,8 +5,10 @@ export interface ComboboxOptionProps<Value extends string = string, Ext extends
     checked: boolean;
     selected?: boolean;
 }
-declare const __VLS_export: <Value extends string = string, Ext extends ComboboxItemExt = object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<ComboboxOptionProps<Value, Ext>> & import("vue").PublicProps;
+declare const __VLS_export: <Value extends string = string, Ext extends ComboboxItemExt = object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<ComboboxOptionProps<Value, Ext>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {
@@ -18,6 +20,8 @@ declare const __VLS_export: <Value extends string = string, Ext extends Combobox
 };
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/combobox/combobox-option.vue.d.ts

@@ -5,8 +5,10 @@ export interface ComboboxOptionProps<Value extends string = string, Ext extends
     checked: boolean;
     selected?: boolean;
 }
-declare const __VLS_export: <Value extends string = string, Ext extends ComboboxItemExt = object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<ComboboxOptionProps<Value, Ext>> & import("vue").PublicProps;
+declare const __VLS_export: <Value extends string = string, Ext extends ComboboxItemExt = object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<ComboboxOptionProps<Value, Ext>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {
@@ -18,6 +20,8 @@ declare const __VLS_export: <Value extends string = string, Ext extends Combobox
 };
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/combobox/combobox-options-dropdown.d.vue.ts

@@ -10,28 +10,31 @@ export interface ComboboxOptionsDropdownProps<Value extends string = string, Ext
     filterOptions?: boolean;
     nothingFoundMessage?: string;
     labelId: string | undefined;
-    ariaLabel: string | undefined;
     withCheckIcon?: boolean;
     iconPosition?: 'left' | 'right';
     checkIcon?: string;
 }
-declare const __VLS_export: <Value extends string = string, Ext extends ComboboxItemExt = object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<(ComboboxOptionsDropdownProps<Value, Ext> & {
+declare const __VLS_export: <Value extends string = string, Ext extends ComboboxItemExt = object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(ComboboxOptionsDropdownProps<Value, Ext> & {
         search?: string | undefined;
         modelValue?: ComboboxItem<Value, Ext> | ComboboxItem<Value, Ext>[] | null;
     }) & {
         "onUpdate:modelValue"?: ((value: ComboboxItem<Value, Ext> | ComboboxItem<Value, Ext>[] | null | undefined) => any) | undefined;
         "onUpdate:search"?: ((value: string | undefined) => any) | undefined;
-    }> & import("vue").PublicProps;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: ((evt: "update:modelValue", value: ComboboxItem<Value, Ext> | ComboboxItem<Value, Ext>[] | null | undefined) => void) & ((evt: "update:search", value: string | undefined) => void);
+    emit: ((event: "update:modelValue", value: ComboboxItem<Value, Ext> | ComboboxItem<Value, Ext>[] | null | undefined) => void) & ((event: "update:search", value: string | undefined) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/combobox/combobox-options-dropdown.vue

@@ -9,7 +9,6 @@ import { defaultOptionsFilter, isEmptyComboboxData, isOptionsGroup, isValueCheck
 const {
   data,
   labelId,
-  ariaLabel,
   nothingFoundMessage = "\u041D\u0435\u0442 \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u043E\u0432",
   withCheckIcon = true,
   filterOptions = true,
@@ -27,7 +26,6 @@ const {
   filterOptions: { type: Boolean, required: false },
   nothingFoundMessage: { type: String, required: false },
   labelId: { type: null, required: true },
-  ariaLabel: { type: null, required: true },
   withCheckIcon: { type: Boolean, required: false },
   iconPosition: { type: String, required: false },
   checkIcon: { type: String, required: false }
@@ -44,7 +42,7 @@ const filteredData = computed(() => typeof search.value === "string" ? (filter |
 
 <template>
 	<ComboboxDropdown data-composed>
-		<ComboboxOptionList :labelled-by='labelId' :aria-label='ariaLabel'>
+		<ComboboxOptionList :labelled-by='labelId' v-bind='$attrs'>
 			<template
 				v-for='item in filteredData'
 				:key='isOptionsGroup(item) ? item.group : item?.value'

package/dist/runtime/components/combobox/combobox-options-dropdown.vue.d.ts

@@ -10,28 +10,31 @@ export interface ComboboxOptionsDropdownProps<Value extends string = string, Ext
     filterOptions?: boolean;
     nothingFoundMessage?: string;
     labelId: string | undefined;
-    ariaLabel: string | undefined;
     withCheckIcon?: boolean;
     iconPosition?: 'left' | 'right';
     checkIcon?: string;
 }
-declare const __VLS_export: <Value extends string = string, Ext extends ComboboxItemExt = object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<(ComboboxOptionsDropdownProps<Value, Ext> & {
+declare const __VLS_export: <Value extends string = string, Ext extends ComboboxItemExt = object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(ComboboxOptionsDropdownProps<Value, Ext> & {
         search?: string | undefined;
         modelValue?: ComboboxItem<Value, Ext> | ComboboxItem<Value, Ext>[] | null;
     }) & {
         "onUpdate:modelValue"?: ((value: ComboboxItem<Value, Ext> | ComboboxItem<Value, Ext>[] | null | undefined) => any) | undefined;
         "onUpdate:search"?: ((value: string | undefined) => any) | undefined;
-    }> & import("vue").PublicProps;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: ((evt: "update:modelValue", value: ComboboxItem<Value, Ext> | ComboboxItem<Value, Ext>[] | null | undefined) => void) & ((evt: "update:search", value: string | undefined) => void);
+    emit: ((event: "update:modelValue", value: ComboboxItem<Value, Ext> | ComboboxItem<Value, Ext>[] | null | undefined) => void) & ((event: "update:search", value: string | undefined) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/combobox/combobox-root.d.vue.ts

@@ -20,9 +20,9 @@ type __VLS_ModelProps = {
     'open'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (args_0: number) => any;

package/dist/runtime/components/combobox/combobox-root.vue

@@ -15,12 +15,12 @@ const {
   loop: { type: Boolean, required: false },
   scrollBehavior: { type: null, required: false },
   size: { type: String, required: false },
-  dropdownPadding: { type: null, required: false },
+  dropdownPadding: { type: String, required: false },
   readOnly: { type: Boolean, required: false },
   placement: { type: null, required: false },
   offset: { type: [Number, Object, Function], required: false },
   keepMounted: { type: Boolean, required: false },
-  width: { type: null, required: false },
+  width: { type: [String, null], required: false },
   withArrow: { type: Boolean, required: false },
   arrowSize: { type: Number, required: false },
   arrowOffset: { type: Number, required: false },

package/dist/runtime/components/combobox/combobox-root.vue.d.ts

@@ -20,9 +20,9 @@ type __VLS_ModelProps = {
     'open'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (args_0: number) => any;

package/dist/runtime/components/combobox/combobox-target.d.vue.ts

@@ -14,9 +14,9 @@ export interface ComboboxTargetProps {
     /** Input autocomplete attribute */
     autoComplete?: string;
 }
-declare var __VLS_7: {};
+declare var __VLS_9: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ComboboxTargetProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxTargetProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/combobox/combobox-target.vue

@@ -26,7 +26,7 @@ const { store: { targetRef } } = useComboboxState();
 </script>
 
 <template>
-	<PopoverTarget ref='targetRef' v-bind='aria'>
+	<PopoverTarget ref='targetRef' v-bind='aria' disabled>
 		<slot />
 	</PopoverTarget>
 </template>

package/dist/runtime/components/combobox/combobox-target.vue.d.ts

@@ -14,9 +14,9 @@ export interface ComboboxTargetProps {
     /** Input autocomplete attribute */
     autoComplete?: string;
 }
-declare var __VLS_7: {};
+declare var __VLS_9: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ComboboxTargetProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxTargetProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -4,9 +4,9 @@ export interface ContainerProps extends BoxProps {
     size?: NuanceSize | string | number;
     fluid?: boolean;
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ContainerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContainerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -4,9 +4,9 @@ export interface ContainerProps extends BoxProps {
     size?: NuanceSize | string | number;
     fluid?: boolean;
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ContainerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContainerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -0,0 +1,47 @@
+import type { Format } from '@formkit/tempo';
+import type { CalendarProps } from './calendar/calendar.vue.js';
+import type { ButtonInputProps } from './input/ui/button-input.vue.js';
+import type { TimePickerProps } from './time-picker/time-picker.vue.js';
+/**
+ * - presets
+ * - separate props for time-picker, calendar, input
+ * - clearable
+ */
+export interface DatePickerProps extends ButtonInputProps, Pick<TimePickerProps, 'withSeconds'> {
+    /** Tempo format for date value @default `DD.MM.YYYY HH:mm` */
+    format?: Format;
+    calendarProps?: Partial<Omit<CalendarProps, 'numberOfMonths' | 'mode'>>;
+    timePickerProps?: Omit<Partial<TimePickerProps>, 'withSeconds' | 'name'>;
+    clearable?: boolean;
+}
+type __VLS_Props = DatePickerProps;
+type __VLS_ModelProps = {
+    /** ISO string */
+    modelValue?: string | Date;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_21: {}, __VLS_29: {}, __VLS_40: {}, __VLS_43: {}, __VLS_46: {};
+type __VLS_Slots = {} & {
+    leftSection?: (props: typeof __VLS_21) => any;
+} & {
+    rightSection?: (props: typeof __VLS_29) => any;
+} & {
+    label?: (props: typeof __VLS_40) => any;
+} & {
+    error?: (props: typeof __VLS_43) => any;
+} & {
+    description?: (props: typeof __VLS_46) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | Date | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | Date | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, 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-time-picker.vue

@@ -0,0 +1,151 @@
+<script setup>
+import { format } from "@formkit/tempo";
+import { useDatesConfig } from "@nui/composals";
+import { computed } from "vue";
+import ActionIcon from "./action-icon/action-icon.vue";
+import Calendar from "./calendar/calendar.vue";
+import ButtonInput from "./input/ui/button-input.vue";
+import PopoverDropdown from "./popover/popover-dropdown.vue";
+import PopoverTarget from "./popover/popover-target.vue";
+import Popover from "./popover/popover.vue";
+import { splitTimeString } from "./time-picker";
+import TimePicker from "./time-picker/time-picker.vue";
+const {
+  format: lFormat,
+  calendarProps,
+  timePickerProps,
+  rightSectionPE = "all",
+  withSeconds = false,
+  clearable = false,
+  ...props
+} = defineProps({
+  format: { type: [String, Object], required: false },
+  calendarProps: { type: Object, required: false },
+  timePickerProps: { type: Object, required: false },
+  clearable: { type: Boolean, required: false },
+  multiline: { type: Boolean, required: false },
+  name: { type: String, required: false },
+  error: { type: String, required: false },
+  description: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  id: { type: [String, null], required: false },
+  radius: { type: String, required: false },
+  size: { type: String, required: false },
+  variant: { type: String, required: false },
+  resize: { type: void 0, required: false },
+  leftSectionPE: { type: null, required: false },
+  rightSectionPE: { type: null, required: false },
+  classes: { type: Object, required: false },
+  readonly: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  withSeconds: { type: Boolean, required: false }
+});
+const model = defineModel({ type: [String, Date] });
+const date = computed({
+  get: () => model.value ? format(model.value, "YYYY-MM-DD") : "",
+  set: (value) => {
+    if (!value)
+      return model.value = "";
+    const current = model.value ? new Date(model.value) : null;
+    const newDate = new Date(value);
+    if (current) {
+      newDate.setHours(current.getHours());
+      newDate.setMinutes(current.getMinutes());
+      newDate.setSeconds(current.getSeconds());
+      newDate.setMilliseconds(current.getMilliseconds());
+    } else {
+      newDate.setHours(0, 0, 0, 0);
+    }
+    model.value = newDate.toISOString();
+  }
+});
+const time = computed({
+  get: () => model.value ? format(model.value, "HH:mm:ss") : "",
+  set: (value) => {
+    if (!value) {
+      if (model.value) {
+        const current = new Date(model.value);
+        current.setHours(0, 0, 0, 0);
+        model.value = current.toISOString();
+      }
+      return;
+    }
+    const date2 = model.value ? new Date(model.value) : /* @__PURE__ */ new Date();
+    const { hours, minutes, seconds } = splitTimeString(value);
+    date2.setHours(hours ?? 0, minutes ?? 0, seconds ?? 0, 0);
+    model.value = date2.toISOString();
+  }
+});
+const config = useDatesConfig(calendarProps?.config);
+const visible = computed(() => {
+  if (!model.value)
+    return null;
+  const _format = lFormat ?? withSeconds ? "DD.MM.YYYY HH:mm:ss" : "DD.MM.YYYY HH:mm";
+  return format({ date: model.value, format: _format, ...config });
+});
+const isClearable = computed(() => clearable && !props.disabled && !props.readonly && !!model.value);
+</script>
+
+<template>
+	<Popover>
+		<PopoverTarget>
+			<ButtonInput v-bind='props' :right-section-p-e>
+				<template #leftSection>
+					<slot name='leftSection'>
+						<Icon name='gravity-ui:calendar' />
+					</slot>
+				</template>
+
+				<template
+					v-if='!$slots.rightSection && isClearable || !!$slots.rightSection'
+					#rightSection
+				>
+					<slot name='rightSection'>
+						<ActionIcon
+							icon='gravity-ui:xmark'
+							variant='subtle'
+							color='gray'
+							size='sm'
+							@click.stop='model = ""'
+						/>
+					</slot>
+				</template>
+
+				<template #default>
+					{{ visible }}
+				</template>
+
+				<template v-if='!!$slots.label' #label>
+					<slot name='label' />
+				</template>
+				<template v-if='!!$slots.error' #error>
+					<slot name='error' />
+				</template>
+				<template v-if='!!$slots.description' #description>
+					<slot name='description' />
+				</template>
+			</ButtonInput>
+		</PopoverTarget>
+		<PopoverDropdown>
+			<Calendar
+				v-model:value='date'
+				v-bind='calendarProps'
+			/>
+			<TimePicker
+				v-model='time'
+				v-bind='timePickerProps'
+				:with-seconds
+				:clearable
+			/>
+		</PopoverDropdown>
+	</Popover>
+</template>
+
+<style lang="postcss" module>
+.list {
+	display: flex;
+	flex-wrap: wrap;
+	gap: .25rem;
+}
+</style>

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

@@ -0,0 +1,47 @@
+import type { Format } from '@formkit/tempo';
+import type { CalendarProps } from './calendar/calendar.vue.js';
+import type { ButtonInputProps } from './input/ui/button-input.vue.js';
+import type { TimePickerProps } from './time-picker/time-picker.vue.js';
+/**
+ * - presets
+ * - separate props for time-picker, calendar, input
+ * - clearable
+ */
+export interface DatePickerProps extends ButtonInputProps, Pick<TimePickerProps, 'withSeconds'> {
+    /** Tempo format for date value @default `DD.MM.YYYY HH:mm` */
+    format?: Format;
+    calendarProps?: Partial<Omit<CalendarProps, 'numberOfMonths' | 'mode'>>;
+    timePickerProps?: Omit<Partial<TimePickerProps>, 'withSeconds' | 'name'>;
+    clearable?: boolean;
+}
+type __VLS_Props = DatePickerProps;
+type __VLS_ModelProps = {
+    /** ISO string */
+    modelValue?: string | Date;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_21: {}, __VLS_29: {}, __VLS_40: {}, __VLS_43: {}, __VLS_46: {};
+type __VLS_Slots = {} & {
+    leftSection?: (props: typeof __VLS_21) => any;
+} & {
+    rightSection?: (props: typeof __VLS_29) => any;
+} & {
+    label?: (props: typeof __VLS_40) => any;
+} & {
+    error?: (props: typeof __VLS_43) => any;
+} & {
+    description?: (props: typeof __VLS_46) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | Date | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | Date | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, 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/dialog/index.d.ts

@@ -1,5 +1,5 @@
-export type * from './dialog-header.vue';
-export type * from './dialog-root.vue';
-export type * from './dialog-title.vue';
 export { useDialogState } from './lib.js';
-export type * from './types';
+export type * from './model';
+export type * from './ui/dialog-header.vue';
+export type * from './ui/dialog-root.vue';
+export type * from './ui/dialog-title.vue';

package/dist/runtime/components/dialog/{dialog-close-button.d.vue.ts → ui/dialog-close-button.d.vue.ts}

@@ -1,7 +1,7 @@
-import type { ActionIconProps } from '../action-icon/index.js';
-declare var __VLS_9: {};
+import type { ActionIconProps } from '../../action-icon/index.js';
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ActionIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/dialog/{dialog-close-button.vue → ui/dialog-close-button.vue}

@@ -1,6 +1,6 @@
 <script setup>
-import ActionIcon from "../action-icon/action-icon.vue";
-import { useDialogState } from "./lib";
+import ActionIcon from "../../action-icon/action-icon.vue";
+import { useDialogState } from "../lib";
 const { variant = "subtle", icon = "gravity-ui:xmark", ...props } = defineProps({
   size: { type: null, required: false },
   variant: { type: String, required: false },

package/dist/runtime/components/dialog/{dialog-close-button.vue.d.ts → ui/dialog-close-button.vue.d.ts}

@@ -1,7 +1,7 @@
-import type { ActionIconProps } from '../action-icon/index.js';
-declare var __VLS_9: {};
+import type { ActionIconProps } from '../../action-icon/index.js';
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ActionIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/dialog/{dialog-header.d.vue.ts → ui/dialog-header.d.vue.ts}

@@ -1,9 +1,9 @@
-import type { BoxProps } from '../box.vue.js';
+import type { BoxProps } from '../../box.vue.js';
 export interface DialogHeaderProps extends BoxProps {
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DialogHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/dialog/{dialog-header.vue → ui/dialog-header.vue}

@@ -1,5 +1,5 @@
 <script setup>
-import Box from "../box.vue";
+import Box from "../../box.vue";
 import css from "./dialog.module.css";
 const { is = "header", mod } = defineProps({
   is: { type: null, required: false },

package/dist/runtime/components/dialog/{dialog-header.vue.d.ts → ui/dialog-header.vue.d.ts}

@@ -1,9 +1,9 @@
-import type { BoxProps } from '../box.vue.js';
+import type { BoxProps } from '../../box.vue.js';
 export interface DialogHeaderProps extends BoxProps {
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DialogHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/dialog/{dialog-root.d.vue.ts → ui/dialog-root.d.vue.ts}

@@ -1,8 +1,8 @@
 import type { NuanceRadius, NuanceShadow, NuanceSize, NuanceSpacing } from '@nui/types';
 import type { CSSProperties } from 'vue';
-import type { BoxProps } from '../box.vue.js';
-import type { TransitionName } from '../transition/index.js';
-import type { DialogModel } from './types/index.js';
+import type { BoxProps } from '../../box.vue.js';
+import type { TransitionName } from '../../transition/index.js';
+import type { DialogModel } from '../model.js';
 export interface DialogRootProps extends BoxProps {
     /** If set, the dialog is closed when user clicks on the overlay @default `true` */
     closeOnClickOutside?: boolean;
@@ -31,9 +31,9 @@ type __VLS_ModelProps = {
     'open'?: DialogModel['open'];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_25: {};
+declare var __VLS_31: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_25) => any;
+    default?: (props: typeof __VLS_31) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;