@knime/kds-components 0.23.2 → 0.24.1

package/dist/src/forms/inputs/DateInput/types.d.ts

@@ -1,13 +1,29 @@
-import { DatePickerDate } from 'v-calendar/dist/types/src/use/datePicker.js';
+import { Temporal } from 'temporal-polyfill';
 import { KdsInputFieldProps } from '../types';
-export type KdsDateInputProps = KdsInputFieldProps & {
+import { kdsDatePickerView } from './enums';
+export type KdsDatePickerView = (typeof kdsDatePickerView)[keyof typeof kdsDatePickerView];
+export type KdsDatePickerProps = {
     /**
-     * Minimum allowed date passed to the date picker. The value is NOT used for validation, but only to restrict the date picker UI.
+     * Minimum selectable date. Only restricts the calendar UI, not text input validation.
      */
-    datePickerMin?: DatePickerDate;
+    minDate?: Temporal.PlainDate | null;
     /**
-     * Maximum allowed date passed to the date picker. The value is NOT used for validation, but only to restrict the date picker UI.
+     * Maximum selectable date. Only restricts the calendar UI, not text input validation.
      */
-    datePickerMax?: DatePickerDate;
+    maxDate?: Temporal.PlainDate | null;
+    /**
+     * Initial view when the picker is mounted.
+     */
+    startView?: KdsDatePickerView;
+};
+export type KdsDateInputProps = Omit<KdsInputFieldProps, "placeholder"> & {
+    /**
+     * Minimum selectable date. Only restricts the calendar UI, not text input validation.
+     */
+    minDate?: Temporal.PlainDate | null;
+    /**
+     * Maximum selectable date. Only restricts the calendar UI, not text input validation.
+     */
+    maxDate?: Temporal.PlainDate | null;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/src/forms/inputs/DateInput/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/DateInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAElF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG;IACnD;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC;CAChC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/DateInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;AAE7D,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,aAAa,CAAC,GAAG;IACxE;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;CACrC,CAAC"}

package/dist/src/forms/inputs/DateInput/useDateInputMask.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+import { Temporal } from 'temporal-polyfill';
+import { KdsInputSegmentsConfig } from '../useInputSegments';
+export declare const useDateInputMask: (modelValue: Ref<Temporal.PlainDate | null>) => {
+    displayValue: Ref<string, string>;
+    isEmpty: import('vue').ComputedRef<boolean>;
+    isComplete: import('vue').ComputedRef<boolean>;
+    isValidDate: import('vue').ComputedRef<boolean>;
+    parsedDate: import('vue').ComputedRef<Temporal.PlainDate | null>;
+    segments: KdsInputSegmentsConfig;
+};
+//# sourceMappingURL=useDateInputMask.d.ts.map

package/dist/src/forms/inputs/DateInput/useDateInputMask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDateInputMask.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/DateInput/useDateInputMask.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAkC,MAAM,KAAK,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EACL,KAAK,sBAAsB,EAI5B,MAAM,qBAAqB,CAAC;AA+C7B,eAAO,MAAM,gBAAgB,GAC3B,YAAY,GAAG,CAAC,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;;;;;;;CAwE3C,CAAC"}

package/dist/src/forms/inputs/DateTimeFormatInput/KdsDateTimeFormatInput.vue.d.ts

@@ -90,16 +90,30 @@ declare const _default: import('vue').DefineComponent<({
     popoverEl: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
-        $props: {
+        $props: ({
             readonly modelValue?: boolean | undefined;
-            readonly placement?: import('../../../overlays/Popover').KdsPopoverPlacement | undefined;
             readonly role?: import('../../../overlays/Popover').KdsPopoverRole | undefined;
             readonly popoverType?: import('../../../overlays/Popover').KdsPopoverType | undefined;
             readonly fullWidth?: boolean | undefined;
             readonly maxInlineSize?: string | undefined;
             readonly content?: string | undefined;
+            readonly placement?: Exclude<import('../../../overlays/Popover').KdsPopoverPlacement, "custom"> | undefined;
+            readonly customPlacementPosition?: never | undefined;
             readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        } | {
+            readonly modelValue?: boolean | undefined;
+            readonly role?: import('../../../overlays/Popover').KdsPopoverRole | undefined;
+            readonly popoverType?: import('../../../overlays/Popover').KdsPopoverType | undefined;
+            readonly fullWidth?: boolean | undefined;
+            readonly maxInlineSize?: string | undefined;
+            readonly content?: string | undefined;
+            readonly placement: "custom";
+            readonly customPlacementPosition: {
+                x: number;
+                y: number;
+            };
+            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
@@ -114,9 +128,32 @@ declare const _default: import('vue').DefineComponent<({
         $host: Element | null;
         $emit: (event: "update:modelValue", value: boolean) => void;
         $el: HTMLDivElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<{
+        $options: import('vue').ComponentOptionsBase<Readonly<({
             modelValue?: boolean;
-        } & import('../../../overlays/Popover').KdsPopoverProps> & Readonly<{
+        } & {
+            role?: import('../../../overlays/Popover').KdsPopoverRole;
+            popoverType?: import('../../../overlays/Popover').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement?: Exclude<import('../../../overlays/Popover').KdsPopoverPlacement, "custom">;
+            customPlacementPosition?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & {
+            role?: import('../../../overlays/Popover').KdsPopoverRole;
+            popoverType?: import('../../../overlays/Popover').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement: "custom";
+            customPlacementPosition: {
+                x: number;
+                y: number;
+            };
+        })> & Readonly<{
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         }>, {
             anchorStyle: Record<string, string>;
@@ -143,11 +180,34 @@ declare const _default: import('vue').DefineComponent<({
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<{
+    } & Readonly<{}> & Omit<{} & (Readonly<({
+        modelValue?: boolean;
+    } & {
+        role?: import('../../../overlays/Popover').KdsPopoverRole;
+        popoverType?: import('../../../overlays/Popover').KdsPopoverType;
+        fullWidth?: boolean;
+        maxInlineSize?: string;
+        content?: string;
+    } & {
+        placement?: Exclude<import('../../../overlays/Popover').KdsPopoverPlacement, "custom">;
+        customPlacementPosition?: never;
+    }) | ({
         modelValue?: boolean;
-    } & import('../../../overlays/Popover').KdsPopoverProps> & Readonly<{
+    } & {
+        role?: import('../../../overlays/Popover').KdsPopoverRole;
+        popoverType?: import('../../../overlays/Popover').KdsPopoverType;
+        fullWidth?: boolean;
+        maxInlineSize?: string;
+        content?: string;
+    } & {
+        placement: "custom";
+        customPlacementPosition: {
+            x: number;
+            y: number;
+        };
+    })> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }>, "anchorStyle" | "popoverId"> & {
+    }>), "anchorStyle" | "popoverId"> & {
         anchorStyle: Record<string, string>;
         popoverId: string;
     } & {} & import('vue').ComponentCustomProperties & {} & {

package/dist/src/forms/inputs/DateTimeFormatInput/KdsDateTimeFormatInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsDateTimeFormatInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/DateTimeFormatInput/KdsDateTimeFormatInput.vue"],"names":[],"mappings":";iBAsHa,MAAM;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAuMwsf,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;AAjBj1f,wBASG"}
+{"version":3,"file":"KdsDateTimeFormatInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/DateTimeFormatInput/KdsDateTimeFormatInput.vue"],"names":[],"mappings":";iBAsHa,MAAM;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAuMwsf,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjBj1f,wBASG"}

package/dist/src/forms/inputs/IntervalInput/IntervalInputPopover.vue.d.ts

@@ -0,0 +1,16 @@
+import { Temporal } from 'temporal-polyfill';
+import { IntervalInputPopoverProps, KdsIntervalInputUsedFormat } from './types';
+type __VLS_Props = IntervalInputPopoverProps;
+type __VLS_PublicProps = {
+    modelValue: Temporal.Duration;
+    "usedFormat": KdsIntervalInputUsedFormat;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Temporal.Duration) => any;
+    "update:usedFormat": (value: KdsIntervalInputUsedFormat) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Temporal.Duration) => any) | undefined;
+    "onUpdate:usedFormat"?: ((value: KdsIntervalInputUsedFormat) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=IntervalInputPopover.vue.d.ts.map

package/dist/src/forms/inputs/IntervalInput/IntervalInputPopover.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntervalInputPopover.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/IntervalInput/IntervalInputPopover.vue"],"names":[],"mappings":"AAiPA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAelD,OAAO,KAAK,EACV,yBAAyB,EAEzB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAEjB,KAAK,WAAW,GAAG,yBAAyB,CAAC;AAiH7C,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC9B,YAAY,EAAE,0BAA0B,CAAC;CACxC,GAAG,WAAW,CAAC;;;;;;;;AAwLhB,wBAQG"}

package/dist/src/forms/inputs/IntervalInput/KdsIntervalInput.vue.d.ts

@@ -0,0 +1,398 @@
+import { Temporal } from 'temporal-polyfill';
+declare const _default: import('vue').DefineComponent<({
+    modelValue?: Temporal.Duration | null;
+} & {
+    description?: string;
+} & {
+    label: string;
+    ariaLabel?: never;
+} & {
+    id?: string;
+} & {
+    error?: boolean | undefined;
+    subText?: string | undefined;
+    validating?: boolean | undefined;
+    preserveSubTextSpace?: boolean | undefined;
+} & {
+    placeholder?: string;
+    disabled?: boolean;
+    autocomplete?: string;
+} & {
+    format?: import('./types').KdsIntervalInputFormat;
+    allowDescending?: boolean;
+}) | ({
+    modelValue?: Temporal.Duration | null;
+} & {
+    description?: string;
+} & {
+    label?: never;
+    ariaLabel: string;
+} & {
+    id?: string;
+} & {
+    error?: boolean | undefined;
+    subText?: string | undefined;
+    validating?: boolean | undefined;
+    preserveSubTextSpace?: boolean | undefined;
+} & {
+    placeholder?: string;
+    disabled?: boolean;
+    autocomplete?: string;
+} & {
+    format?: import('./types').KdsIntervalInputFormat;
+    allowDescending?: boolean;
+}), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Temporal.Duration | null) => any;
+}, string, import('vue').PublicProps, Readonly<({
+    modelValue?: Temporal.Duration | null;
+} & {
+    description?: string;
+} & {
+    label: string;
+    ariaLabel?: never;
+} & {
+    id?: string;
+} & {
+    error?: boolean | undefined;
+    subText?: string | undefined;
+    validating?: boolean | undefined;
+    preserveSubTextSpace?: boolean | undefined;
+} & {
+    placeholder?: string;
+    disabled?: boolean;
+    autocomplete?: string;
+} & {
+    format?: import('./types').KdsIntervalInputFormat;
+    allowDescending?: boolean;
+}) | ({
+    modelValue?: Temporal.Duration | null;
+} & {
+    description?: string;
+} & {
+    label?: never;
+    ariaLabel: string;
+} & {
+    id?: string;
+} & {
+    error?: boolean | undefined;
+    subText?: string | undefined;
+    validating?: boolean | undefined;
+    preserveSubTextSpace?: boolean | undefined;
+} & {
+    placeholder?: string;
+    disabled?: boolean;
+    autocomplete?: string;
+} & {
+    format?: import('./types').KdsIntervalInputFormat;
+    allowDescending?: boolean;
+})> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Temporal.Duration | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    baseInput: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly modelValue?: string | undefined;
+            readonly id?: string | undefined;
+            readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
+            readonly min?: number | string | undefined;
+            readonly max?: number | string | undefined;
+            readonly ariaExpanded?: boolean | undefined;
+            readonly step?: number | undefined;
+            readonly placeholder?: string | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly leadingIcon?: import('../../..').KdsIconName | undefined;
+            readonly trailingIcon?: import('../../..').KdsIconName | undefined;
+            readonly error?: boolean | undefined;
+            readonly autocomplete?: string | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly ariaLabelledby?: string | undefined;
+            readonly ariaDescribedby?: string | undefined;
+            readonly ariaInvalid?: boolean | undefined;
+            readonly role?: string | undefined;
+            readonly ariaValuenow?: number | undefined;
+            readonly ariaValuemin?: number | undefined;
+            readonly ariaValuemax?: number | undefined;
+            readonly ariaValuetext?: string | undefined;
+            readonly ariaActivedescendant?: string | undefined;
+            readonly ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true" | undefined;
+            readonly ariaControls?: string | undefined;
+            readonly ariaAutocomplete?: "none" | "inline" | "list" | "both" | undefined;
+            readonly unit?: string | undefined;
+            readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+            readonly clearable?: boolean | undefined;
+            readonly pattern?: string | undefined;
+            readonly segments?: import('../useInputSegments.helpers').KdsInputSegmentsConfig | undefined;
+            readonly onInput?: ((event: Event) => any) | undefined;
+            readonly onClick?: ((event: MouseEvent) => any) | undefined;
+            readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+            readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+            readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            input: HTMLInputElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "paste", event: ClipboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            modelValue?: string;
+        } & {
+            id?: string;
+            type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+            min?: number | string;
+            max?: number | string;
+            ariaExpanded?: boolean;
+            step?: number;
+            placeholder?: string;
+            disabled?: boolean;
+            leadingIcon?: import('../../..').KdsIconName;
+            trailingIcon?: import('../../..').KdsIconName;
+            error?: boolean;
+            autocomplete?: string;
+            ariaLabel?: string;
+            ariaLabelledby?: string;
+            ariaDescribedby?: string;
+            ariaInvalid?: boolean;
+            role?: string;
+            ariaValuenow?: number;
+            ariaValuemin?: number;
+            ariaValuemax?: number;
+            ariaValuetext?: string;
+            ariaActivedescendant?: string;
+            ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+            ariaControls?: string;
+            ariaAutocomplete?: "none" | "inline" | "list" | "both";
+            unit?: string;
+            inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+            clearable?: boolean;
+            pattern?: string;
+            segments?: import('../useInputSegments.helpers').KdsInputSegmentsConfig;
+        }> & Readonly<{
+            onInput?: ((event: Event) => any) | undefined;
+            onClick?: ((event: MouseEvent) => any) | undefined;
+            onBlur?: ((event: FocusEvent) => any) | undefined;
+            onFocus?: ((event: FocusEvent) => any) | undefined;
+            onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onPaste?: ((event: ClipboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }>, {
+            focus: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            input: (event: Event) => any;
+            click: (event: MouseEvent) => any;
+            blur: (event: FocusEvent) => any;
+            focus: (event: FocusEvent) => any;
+            keydown: (event: KeyboardEvent) => any;
+            paste: (event: ClipboardEvent) => any;
+            "update:modelValue": (value: string) => any;
+        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<{
+        modelValue?: string;
+    } & {
+        id?: string;
+        type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+        min?: number | string;
+        max?: number | string;
+        ariaExpanded?: boolean;
+        step?: number;
+        placeholder?: string;
+        disabled?: boolean;
+        leadingIcon?: import('../../..').KdsIconName;
+        trailingIcon?: import('../../..').KdsIconName;
+        error?: boolean;
+        autocomplete?: string;
+        ariaLabel?: string;
+        ariaLabelledby?: string;
+        ariaDescribedby?: string;
+        ariaInvalid?: boolean;
+        role?: string;
+        ariaValuenow?: number;
+        ariaValuemin?: number;
+        ariaValuemax?: number;
+        ariaValuetext?: string;
+        ariaActivedescendant?: string;
+        ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+        ariaControls?: string;
+        ariaAutocomplete?: "none" | "inline" | "list" | "both";
+        unit?: string;
+        inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+        clearable?: boolean;
+        pattern?: string;
+        segments?: import('../useInputSegments.helpers').KdsInputSegmentsConfig;
+    }> & Readonly<{
+        onInput?: ((event: Event) => any) | undefined;
+        onClick?: ((event: MouseEvent) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        onPaste?: ((event: ClipboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, "focus"> & {
+        focus: () => void;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            leading?(_: {}): any;
+            trailing?(_: {}): any;
+        };
+    }) | null;
+    popoverEl: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: ({
+            readonly modelValue?: boolean | undefined;
+            readonly role?: import('../../../overlays/Popover').KdsPopoverRole | undefined;
+            readonly popoverType?: import('../../../overlays/Popover').KdsPopoverType | undefined;
+            readonly fullWidth?: boolean | undefined;
+            readonly maxInlineSize?: string | undefined;
+            readonly content?: string | undefined;
+            readonly placement?: Exclude<import('../../../overlays/Popover').KdsPopoverPlacement, "custom"> | undefined;
+            readonly customPlacementPosition?: never | undefined;
+            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        } | {
+            readonly modelValue?: boolean | undefined;
+            readonly role?: import('../../../overlays/Popover').KdsPopoverRole | undefined;
+            readonly popoverType?: import('../../../overlays/Popover').KdsPopoverType | undefined;
+            readonly fullWidth?: boolean | undefined;
+            readonly maxInlineSize?: string | undefined;
+            readonly content?: string | undefined;
+            readonly placement: "custom";
+            readonly customPlacementPosition: {
+                x: number;
+                y: number;
+            };
+            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            popoverEl: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "update:modelValue", value: boolean) => void;
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<({
+            modelValue?: boolean;
+        } & {
+            role?: import('../../../overlays/Popover').KdsPopoverRole;
+            popoverType?: import('../../../overlays/Popover').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement?: Exclude<import('../../../overlays/Popover').KdsPopoverPlacement, "custom">;
+            customPlacementPosition?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & {
+            role?: import('../../../overlays/Popover').KdsPopoverRole;
+            popoverType?: import('../../../overlays/Popover').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement: "custom";
+            customPlacementPosition: {
+                x: number;
+                y: number;
+            };
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, {
+            anchorStyle: Record<string, string>;
+            popoverId: string;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{}> & Omit<{} & (Readonly<({
+        modelValue?: boolean;
+    } & {
+        role?: import('../../../overlays/Popover').KdsPopoverRole;
+        popoverType?: import('../../../overlays/Popover').KdsPopoverType;
+        fullWidth?: boolean;
+        maxInlineSize?: string;
+        content?: string;
+    } & {
+        placement?: Exclude<import('../../../overlays/Popover').KdsPopoverPlacement, "custom">;
+        customPlacementPosition?: never;
+    }) | ({
+        modelValue?: boolean;
+    } & {
+        role?: import('../../../overlays/Popover').KdsPopoverRole;
+        popoverType?: import('../../../overlays/Popover').KdsPopoverType;
+        fullWidth?: boolean;
+        maxInlineSize?: string;
+        content?: string;
+    } & {
+        placement: "custom";
+        customPlacementPosition: {
+            x: number;
+            y: number;
+        };
+    })> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>), "anchorStyle" | "popoverId"> & {
+        anchorStyle: Record<string, string>;
+        popoverId: string;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=KdsIntervalInput.vue.d.ts.map

package/dist/src/forms/inputs/IntervalInput/KdsIntervalInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdsIntervalInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/IntervalInput/KdsIntervalInput.vue"],"names":[],"mappings":"AAsQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;;iBAsMrC,QAAQ,CAAC,QAAQ,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;iBAAxB,QAAQ,CAAC,QAAQ,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;iBAAxB,QAAQ,CAAC,QAAQ,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;iBAAxB,QAAQ,CAAC,QAAQ,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAqP6wI,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjBx6I,wBASG"}

package/dist/src/forms/inputs/IntervalInput/enums.d.ts

@@ -0,0 +1,12 @@
+export declare const kdsIntervalInputFormat: {
+    readonly DATE: "date";
+    readonly TIME: "time";
+    readonly DATE_OR_TIME: "date_or_time";
+};
+export declare const kdsIntervalInputFormats: ("time" | "date" | "date_or_time")[];
+export declare const kdsIntervalDirectionality: {
+    readonly ASCENDING: "ascending";
+    readonly DESCENDING: "descending";
+};
+export declare const kdsIntervalDirectionalities: ("ascending" | "descending")[];
+//# sourceMappingURL=enums.d.ts.map

package/dist/src/forms/inputs/IntervalInput/enums.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/IntervalInput/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAC;AAEX,eAAO,MAAM,uBAAuB,sCAAwC,CAAC;AAE7E,eAAO,MAAM,yBAAyB;;;CAG5B,CAAC;AAEX,eAAO,MAAM,2BAA2B,gCAEvC,CAAC"}

package/dist/src/forms/inputs/IntervalInput/index.d.ts

@@ -0,0 +1,4 @@
+export { default as KdsIntervalInput } from './KdsIntervalInput.vue';
+export { kdsIntervalDirectionality, kdsIntervalDirectionalities, kdsIntervalInputFormat, kdsIntervalInputFormats, } from './enums';
+export type { KdsIntervalDirectionality, KdsIntervalInputFormat, KdsIntervalInputProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/forms/inputs/IntervalInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/IntervalInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EACL,yBAAyB,EACzB,2BAA2B,EAC3B,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,SAAS,CAAC;AACjB,YAAY,EACV,yBAAyB,EACzB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,SAAS,CAAC"}