@onereach/ui-components 4.6.0-beta.2757.0 → 4.6.0

package/dist/bundled/v3/components/OrDatePickerV3/OrDatePicker.vue.d.ts

@@ -1,31 +1,7 @@
 import { PropType } from 'vue-demi';
 import { FilterFunction } from '../or-date-time-picker-v3';
 import { DatePickerSize } from './props';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    inputBox: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    inputBoxRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    popover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    initialModelValue: Date;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
-    apply: () => void;
-    reset: () => void;
-    togglePopover: () => void;
-    closePopover: () => void;
-    formatDateAlt: (value?: Date) => string;
-}> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: DateConstructor;
         default: undefined;
@@ -74,7 +50,23 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    inputBox: import("vue-demi").Ref<any>;
+    inputBoxRoot: import("vue-demi").ComputedRef<any>;
+    popover: import("vue-demi").Ref<any>;
+    popoverState: import("vue-demi").ComputedRef<any>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    popoverStyles: import("vue-demi").ComputedRef<string[]>;
+    initialModelValue: Date;
+    proxyModelValue: import("vue-demi").WritableComputedRef<Date | undefined>;
+    draftModelValue: import("vue-demi").Ref<Date | undefined>;
+    apply: () => void;
+    reset: () => void;
+    togglePopover: () => void;
+    closePopover: () => void;
+    formatDateAlt: (value?: Date) => string;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "keydown" | "keyup" | "focus" | "blur")[], "update:modelValue" | "keydown" | "keyup" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: DateConstructor;
         default: undefined;
@@ -123,60 +115,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: Date;
-    yearFilter: FilterFunction;
-    monthFilter: FilterFunction;
-    dateFilter: FilterFunction;
-    size: DatePickerSize;
-    label: string;
-    hint: string;
-    error: string | boolean;
-    required: boolean;
-    readonly: boolean;
-    disabled: boolean;
-    disableDefaultStyles: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    inputBox: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    inputBoxRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    popover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    initialModelValue: Date;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
-    apply: () => void;
-    reset: () => void;
-    togglePopover: () => void;
-    closePopover: () => void;
-    formatDateAlt: (value?: Date) => string;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: Date;
-    yearFilter: FilterFunction;
-    monthFilter: FilterFunction;
-    dateFilter: FilterFunction;
-    size: DatePickerSize;
-    label: string;
-    hint: string;
-    error: string | boolean;
-    required: boolean;
-    readonly: boolean;
-    disabled: boolean;
-    disableDefaultStyles: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Date;
     yearFilter: FilterFunction;
@@ -190,5 +134,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     readonly: boolean;
     disabled: boolean;
     disableDefaultStyles: boolean;
-}, true>);
+}>;
 export default _default;

package/dist/bundled/v3/components/OrDateTimePicker/OrDateTimePicker.vue.d.ts

@@ -1,59 +1,6 @@
 import { PropType } from 'vue-demi';
 import { OrDateTimePickerTypes } from './constants';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    content: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    wrapperRef: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    isOpen: import("@vue/composition-api").Ref<boolean>;
-}> & {
-    isFocused: boolean;
-    reqAF: any;
-    monthToShow: number;
-    yearToShow: number;
-}, {
-    isDayDisabled(date: Date): boolean;
-    isDaySelected(date: Date): boolean;
-    isHourSelected(date: Date): boolean;
-    isMinuteSelected(date: Date): boolean;
-    beforeEnter(el: HTMLElement): void;
-    enter(el: HTMLElement): void;
-    leave(el: HTMLElement): void;
-    cancelRequestAF(): void;
-    toggle(): void;
-    decrementMonth(): void;
-    incrementMonth(): void;
-    handleDaySelect(date: Date): void;
-    handleHourSelect(date: Date): void;
-    handleMinuteSelect(date: Date): void;
-}, {
-    inputHours: {
-        get: () => string;
-        set: (val: string) => void;
-    };
-    inputMinutes: {
-        get: () => string;
-        set: (val: string) => void;
-    };
-    localId(): string;
-    dateValue(): string;
-    timeValue(): string;
-    isInactive(): boolean;
-    isShowError(): boolean;
-    isShowHint(): boolean;
-    isShowInfo(): boolean;
-    isShowDate(): boolean;
-    isShowTime(): boolean;
-    today(): Date;
-    firstDayOfMonth(): Date;
-    lastDayOfMonth(): Date;
-    calendar(): Date[][];
-    hours(): Date[][];
-    minutes(): Date[][];
-    typeClass(): string;
-    rootClasses(): string[];
-    wrapperClasses(): {
-        [className: string]: boolean;
-    };
-}, {
+declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: PropType<Date>;
         required: false;
@@ -86,12 +33,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     translations: {
         type: PropType<{
-            months: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "reverse" | "slice" | "sort" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "fill" | "copyWithin" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "0"> & {
+            months: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "slice" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "reverse" | "sort" | "fill" | "copyWithin" | "0"> & {
                 [I: number]: string;
                 readonly length: 12;
                 [Symbol.iterator]: () => IterableIterator<string>;
             };
-            days: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "reverse" | "slice" | "sort" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "fill" | "copyWithin" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "0"> & {
+            days: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "slice" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "reverse" | "sort" | "fill" | "copyWithin" | "0"> & {
                 [I: number]: string;
                 readonly length: 7;
                 [Symbol.iterator]: () => IterableIterator<string>;
@@ -101,12 +48,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         }>;
         required: false;
         default: () => {
-            months: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "reverse" | "slice" | "sort" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "fill" | "copyWithin" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "0"> & {
+            months: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "slice" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "reverse" | "sort" | "fill" | "copyWithin" | "0"> & {
                 [I: number]: string;
                 readonly length: 12;
                 [Symbol.iterator]: () => IterableIterator<string>;
             };
-            days: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "reverse" | "slice" | "sort" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "fill" | "copyWithin" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "0"> & {
+            days: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "slice" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "reverse" | "sort" | "fill" | "copyWithin" | "0"> & {
                 [I: number]: string;
                 readonly length: 7;
                 [Symbol.iterator]: () => IterableIterator<string>;
@@ -145,7 +92,60 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: false;
         default: null;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    content: import("vue-demi").Ref<HTMLElement | undefined>;
+    wrapperRef: import("vue-demi").Ref<HTMLElement | undefined>;
+    isOpen: import("vue-demi").Ref<boolean>;
+}, {
+    isFocused: boolean;
+    reqAF: any;
+    monthToShow: number;
+    yearToShow: number;
+}, {
+    inputHours: {
+        get: () => string;
+        set: (val: string) => void;
+    };
+    inputMinutes: {
+        get: () => string;
+        set: (val: string) => void;
+    };
+    localId(): string;
+    dateValue(): string;
+    timeValue(): string;
+    isInactive(): boolean;
+    isShowError(): boolean;
+    isShowHint(): boolean;
+    isShowInfo(): boolean;
+    isShowDate(): boolean;
+    isShowTime(): boolean;
+    today(): Date;
+    firstDayOfMonth(): Date;
+    lastDayOfMonth(): Date;
+    calendar(): Date[][];
+    hours(): Date[][];
+    minutes(): Date[][];
+    typeClass(): string;
+    rootClasses(): string[];
+    wrapperClasses(): {
+        [className: string]: boolean;
+    };
+}, {
+    isDayDisabled(date: Date): boolean;
+    isDaySelected(date: Date): boolean;
+    isHourSelected(date: Date): boolean;
+    isMinuteSelected(date: Date): boolean;
+    beforeEnter(el: HTMLElement): void;
+    enter(el: HTMLElement): void;
+    leave(el: HTMLElement): void;
+    cancelRequestAF(): void;
+    toggle(): void;
+    decrementMonth(): void;
+    incrementMonth(): void;
+    handleDaySelect(date: Date): void;
+    handleHourSelect(date: Date): void;
+    handleMinuteSelect(date: Date): void;
+}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<Date>;
         required: false;
@@ -178,12 +178,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     translations: {
         type: PropType<{
-            months: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "reverse" | "slice" | "sort" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "fill" | "copyWithin" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "0"> & {
+            months: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "slice" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "reverse" | "sort" | "fill" | "copyWithin" | "0"> & {
                 [I: number]: string;
                 readonly length: 12;
                 [Symbol.iterator]: () => IterableIterator<string>;
             };
-            days: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "reverse" | "slice" | "sort" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "fill" | "copyWithin" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "0"> & {
+            days: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "slice" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "reverse" | "sort" | "fill" | "copyWithin" | "0"> & {
                 [I: number]: string;
                 readonly length: 7;
                 [Symbol.iterator]: () => IterableIterator<string>;
@@ -193,12 +193,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         }>;
         required: false;
         default: () => {
-            months: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "reverse" | "slice" | "sort" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "fill" | "copyWithin" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "0"> & {
+            months: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "slice" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "reverse" | "sort" | "fill" | "copyWithin" | "0"> & {
                 [I: number]: string;
                 readonly length: 12;
                 [Symbol.iterator]: () => IterableIterator<string>;
             };
-            days: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "reverse" | "slice" | "sort" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "fill" | "copyWithin" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "0"> & {
+            days: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "slice" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "reverse" | "sort" | "fill" | "copyWithin" | "0"> & {
                 [I: number]: string;
                 readonly length: 7;
                 [Symbol.iterator]: () => IterableIterator<string>;
@@ -237,117 +237,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: false;
         default: null;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: Date;
-    id: string;
-    type: OrDateTimePickerTypes;
-    label: string;
-    error: string;
-    hint: string;
-    translations: {
-        months: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "reverse" | "slice" | "sort" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "fill" | "copyWithin" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "0"> & {
-            [I: number]: string;
-            readonly length: 12;
-            [Symbol.iterator]: () => IterableIterator<string>;
-        };
-        days: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "reverse" | "slice" | "sort" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "fill" | "copyWithin" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "0"> & {
-            [I: number]: string;
-            readonly length: 7;
-            [Symbol.iterator]: () => IterableIterator<string>;
-        };
-        hours: string;
-        minutes: string;
-    };
-    isRequired: boolean;
-    isDisabled: boolean;
-    isReadonly: boolean;
-    isInvalid: boolean;
-    isFullwidth: boolean;
-    dateFilter: any;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    content: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    wrapperRef: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    isOpen: import("@vue/composition-api").Ref<boolean>;
-}>, {
-    isFocused: boolean;
-    reqAF: any;
-    monthToShow: number;
-    yearToShow: number;
-}, {
-    inputHours: {
-        get: () => string;
-        set: (val: string) => void;
-    };
-    inputMinutes: {
-        get: () => string;
-        set: (val: string) => void;
-    };
-    localId(): string;
-    dateValue(): string;
-    timeValue(): string;
-    isInactive(): boolean;
-    isShowError(): boolean;
-    isShowHint(): boolean;
-    isShowInfo(): boolean;
-    isShowDate(): boolean;
-    isShowTime(): boolean;
-    today(): Date;
-    firstDayOfMonth(): Date;
-    lastDayOfMonth(): Date;
-    calendar(): Date[][];
-    hours(): Date[][];
-    minutes(): Date[][];
-    typeClass(): string;
-    rootClasses(): string[];
-    wrapperClasses(): {
-        [className: string]: boolean;
-    };
-}, {
-    isDayDisabled(date: Date): boolean;
-    isDaySelected(date: Date): boolean;
-    isHourSelected(date: Date): boolean;
-    isMinuteSelected(date: Date): boolean;
-    beforeEnter(el: HTMLElement): void;
-    enter(el: HTMLElement): void;
-    leave(el: HTMLElement): void;
-    cancelRequestAF(): void;
-    toggle(): void;
-    decrementMonth(): void;
-    incrementMonth(): void;
-    handleDaySelect(date: Date): void;
-    handleHourSelect(date: Date): void;
-    handleMinuteSelect(date: Date): void;
-}, {}, {}, string[], {
-    modelValue: Date;
-    id: string;
-    type: OrDateTimePickerTypes;
-    label: string;
-    error: string;
-    hint: string;
-    translations: {
-        months: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "reverse" | "slice" | "sort" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "fill" | "copyWithin" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "0"> & {
-            [I: number]: string;
-            readonly length: 12;
-            [Symbol.iterator]: () => IterableIterator<string>;
-        };
-        days: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "reverse" | "slice" | "sort" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "fill" | "copyWithin" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "0"> & {
-            [I: number]: string;
-            readonly length: 7;
-            [Symbol.iterator]: () => IterableIterator<string>;
-        };
-        hours: string;
-        minutes: string;
-    };
-    isRequired: boolean;
-    isDisabled: boolean;
-    isReadonly: boolean;
-    isInvalid: boolean;
-    isFullwidth: boolean;
-    dateFilter: any;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Date;
     id: string;
@@ -356,12 +247,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     error: string;
     hint: string;
     translations: {
-        months: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "reverse" | "slice" | "sort" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "fill" | "copyWithin" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "0"> & {
+        months: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "slice" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "reverse" | "sort" | "fill" | "copyWithin" | "0"> & {
             [I: number]: string;
             readonly length: 12;
             [Symbol.iterator]: () => IterableIterator<string>;
         };
-        days: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "reverse" | "slice" | "sort" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "fill" | "copyWithin" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "0"> & {
+        days: Pick<[string, ...string[]], number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "concat" | "join" | "slice" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "reverse" | "sort" | "fill" | "copyWithin" | "0"> & {
             [I: number]: string;
             readonly length: 7;
             [Symbol.iterator]: () => IterableIterator<string>;
@@ -375,5 +266,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isInvalid: boolean;
     isFullwidth: boolean;
     dateFilter: any;
-}, true>);
+}>;
 export default _default;

package/dist/bundled/v3/components/OrDateTimePickerV3/OrDateTimePicker.vue.d.ts

@@ -1,41 +1,7 @@
 import { PropType } from 'vue-demi';
 import { DateTimePickerSize } from './props';
 import { FilterFunction } from './types';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    inputBox: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    inputBoxRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    datePopover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    datePopoverState: import("@vue/composition-api").ComputedRef<undefined>;
-    timePopover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    timePopoverState: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    datePopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    timePopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    initialModelValue: Date;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
-    apply: () => void;
-    reset: () => void;
-    toggleDatePopover: () => void;
-    toggleTimePopover: () => void;
-    closeDatePopover: () => void;
-    closeTimePopover: () => void;
-    formatDateAlt: (value?: Date) => string;
-    formatTimeAlt: (value?: Date) => string;
-}> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: DateConstructor;
         default: undefined;
@@ -92,7 +58,29 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    inputBox: import("vue-demi").Ref<any>;
+    inputBoxRoot: import("vue-demi").ComputedRef<any>;
+    datePopover: import("vue-demi").Ref<any>;
+    datePopoverState: import("vue-demi").ComputedRef<any>;
+    timePopover: import("vue-demi").Ref<any>;
+    timePopoverState: import("vue-demi").ComputedRef<any>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    datePopoverStyles: import("vue-demi").ComputedRef<string[]>;
+    timePopoverStyles: import("vue-demi").ComputedRef<string[]>;
+    initialModelValue: Date;
+    proxyModelValue: import("vue-demi").WritableComputedRef<Date | undefined>;
+    draftModelValue: import("vue-demi").Ref<Date | undefined>;
+    apply: () => void;
+    reset: () => void;
+    toggleDatePopover: () => void;
+    toggleTimePopover: () => void;
+    closeDatePopover: () => void;
+    closeTimePopover: () => void;
+    formatDateAlt: (value?: Date) => string;
+    formatTimeAlt: (value?: Date) => string;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "keydown" | "keyup" | "focus" | "blur")[], "update:modelValue" | "keydown" | "keyup" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: DateConstructor;
         default: undefined;
@@ -149,74 +137,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: Date;
-    yearFilter: FilterFunction;
-    monthFilter: FilterFunction;
-    dateFilter: FilterFunction;
-    hoursFilter: FilterFunction;
-    minutesFilter: FilterFunction;
-    size: DateTimePickerSize;
-    label: string;
-    hint: string;
-    error: string | boolean;
-    required: boolean;
-    readonly: boolean;
-    disabled: boolean;
-    disableDefaultStyles: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    inputBox: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    inputBoxRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    datePopover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    datePopoverState: import("@vue/composition-api").ComputedRef<undefined>;
-    timePopover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    timePopoverState: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    datePopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    timePopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    initialModelValue: Date;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
-    apply: () => void;
-    reset: () => void;
-    toggleDatePopover: () => void;
-    toggleTimePopover: () => void;
-    closeDatePopover: () => void;
-    closeTimePopover: () => void;
-    formatDateAlt: (value?: Date) => string;
-    formatTimeAlt: (value?: Date) => string;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: Date;
-    yearFilter: FilterFunction;
-    monthFilter: FilterFunction;
-    dateFilter: FilterFunction;
-    hoursFilter: FilterFunction;
-    minutesFilter: FilterFunction;
-    size: DateTimePickerSize;
-    label: string;
-    hint: string;
-    error: string | boolean;
-    required: boolean;
-    readonly: boolean;
-    disabled: boolean;
-    disableDefaultStyles: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Date;
     yearFilter: FilterFunction;
@@ -232,5 +158,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     readonly: boolean;
     disabled: boolean;
     disableDefaultStyles: boolean;
-}, true>);
+}>;
 export default _default;