@onereach/ui-components 10.0.2 → 10.1.0-beta.4242.0

package/dist/esm/v2/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts

@@ -1,9 +1,9 @@
 import { PropType } from 'vue-demi';
 import { InputBoxSize } from '../or-input-box-v3';
-import { DateTimePickerTimeFormat } from './props';
-import { FilterFunction } from './types';
+import { DateTimePickerFilterFunction, DateTimePickerModelValue } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     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[], {} & {}, {
@@ -16,18 +16,20 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     datePopoverState: import("@vue/composition-api").ComputedRef<undefined>;
+    datePopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     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[]>;
+    resolvedDateFormat: import("@vue/composition-api").ComputedRef<"short" | "medium" | "long">;
+    resolvedTimeFormat: import("@vue/composition-api").ComputedRef<"auto" | "h12" | "h23">;
+    resolvedLocale: import("@vue/composition-api").ComputedRef<string>;
     initialValue: import("@vue/composition-api").Ref<Date>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<DateTimePickerModelValue>;
+    draftModelValue: import("@vue/composition-api").Ref<DateTimePickerModelValue>;
     isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
@@ -35,35 +37,43 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toggleTimePopover: () => void;
     closeDatePopover: () => void;
     closeTimePopover: () => void;
-    formatDateAlt: (value?: Date) => string;
-    formatTimeAlt: (value?: Date) => string;
+    formatDateAlt: (value: DateTimePickerModelValue) => string;
+    formatTimeAlt: (value: DateTimePickerModelValue) => string;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
-        type: DateConstructor;
+        type: PropType<DateTimePickerModelValue>;
+        default: undefined;
+    };
+    dateFormat: {
+        type: PropType<"short" | "medium" | "long">;
         default: undefined;
     };
     timeFormat: {
         type: PropType<"auto" | "h12" | "h23">;
-        default: () => DateTimePickerTimeFormat.Auto;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
     };
     yearFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     monthFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     dateFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     hoursFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     minutesFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     size: {
@@ -100,31 +110,39 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
-        type: DateConstructor;
+        type: PropType<DateTimePickerModelValue>;
+        default: undefined;
+    };
+    dateFormat: {
+        type: PropType<"short" | "medium" | "long">;
         default: undefined;
     };
     timeFormat: {
         type: PropType<"auto" | "h12" | "h23">;
-        default: () => DateTimePickerTimeFormat.Auto;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
     };
     yearFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     monthFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     dateFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     hoursFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     minutesFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     size: {
@@ -160,13 +178,15 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
+    dateFormat: "short" | "medium" | "long";
     timeFormat: "auto" | "h12" | "h23";
-    yearFilter: FilterFunction;
-    monthFilter: FilterFunction;
-    dateFilter: FilterFunction;
-    hoursFilter: FilterFunction;
-    minutesFilter: FilterFunction;
+    locale: string;
+    yearFilter: DateTimePickerFilterFunction;
+    monthFilter: DateTimePickerFilterFunction;
+    dateFilter: DateTimePickerFilterFunction;
+    hoursFilter: DateTimePickerFilterFunction;
+    minutesFilter: DateTimePickerFilterFunction;
     size: "m" | "s";
     label: string;
     hint: string;
@@ -179,6 +199,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     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[], {} & {}, {
@@ -191,18 +212,20 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     datePopoverState: import("@vue/composition-api").ComputedRef<undefined>;
+    datePopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     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[]>;
+    resolvedDateFormat: import("@vue/composition-api").ComputedRef<"short" | "medium" | "long">;
+    resolvedTimeFormat: import("@vue/composition-api").ComputedRef<"auto" | "h12" | "h23">;
+    resolvedLocale: import("@vue/composition-api").ComputedRef<string>;
     initialValue: import("@vue/composition-api").Ref<Date>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<DateTimePickerModelValue>;
+    draftModelValue: import("@vue/composition-api").Ref<DateTimePickerModelValue>;
     isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
@@ -210,16 +233,18 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toggleTimePopover: () => void;
     closeDatePopover: () => void;
     closeTimePopover: () => void;
-    formatDateAlt: (value?: Date) => string;
-    formatTimeAlt: (value?: Date) => string;
+    formatDateAlt: (value: DateTimePickerModelValue) => string;
+    formatTimeAlt: (value: DateTimePickerModelValue) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
+    dateFormat: "short" | "medium" | "long";
     timeFormat: "auto" | "h12" | "h23";
-    yearFilter: FilterFunction;
-    monthFilter: FilterFunction;
-    dateFilter: FilterFunction;
-    hoursFilter: FilterFunction;
-    minutesFilter: FilterFunction;
+    locale: string;
+    yearFilter: DateTimePickerFilterFunction;
+    monthFilter: DateTimePickerFilterFunction;
+    dateFilter: DateTimePickerFilterFunction;
+    hoursFilter: DateTimePickerFilterFunction;
+    minutesFilter: DateTimePickerFilterFunction;
     size: "m" | "s";
     label: string;
     hint: string;
@@ -231,13 +256,15 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
+    dateFormat: "short" | "medium" | "long";
     timeFormat: "auto" | "h12" | "h23";
-    yearFilter: FilterFunction;
-    monthFilter: FilterFunction;
-    dateFilter: FilterFunction;
-    hoursFilter: FilterFunction;
-    minutesFilter: FilterFunction;
+    locale: string;
+    yearFilter: DateTimePickerFilterFunction;
+    monthFilter: DateTimePickerFilterFunction;
+    dateFilter: DateTimePickerFilterFunction;
+    hoursFilter: DateTimePickerFilterFunction;
+    minutesFilter: DateTimePickerFilterFunction;
     size: "m" | "s";
     label: string;
     hint: string;

package/dist/esm/v2/components/or-date-time-picker-v3/index.d.ts

@@ -1,5 +1,5 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.vue';
 export * from './partials';
-export * from './props';
+export * from './tokens';
 export * from './types';
 export * from './utils';

package/dist/esm/v2/components/or-date-time-picker-v3/index.js

@@ -1,11 +1,11 @@
-export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-c68aacf9.js';
-export { _ as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-2f7efc41.js';
-export { D as DateTimePickerTimeFormat, f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from '../../getTimePlaceholder-a1d75821.js';
+export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-cb46a36b.js';
+export { _ as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-3fa9a7c7.js';
+export { D as DateFormat, L as Locale, T as TimeFormat } from '../../OrDateTimePicker.vue_rollup-plugin-vue_script-b7ca34e8.js';
+export { D as DateTimePickerDateFormat, a as DateTimePickerTimeFormat, f as formatDate, b as formatTime, g as getDatePlaceholder, c as getTimePlaceholder } from '../../getTimePlaceholder-9d18b5ac.js';
 export { g as getCurrentDate } from '../../getCurrentDate-046a888d.js';
 export { g as getNextMonthDate } from '../../getNextMonthDate-00c47169.js';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-bd0836fd.js';
+import '../../normalize-component-6e8e3d80.js';
 import 'vue-demi';
-import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
 import 'lodash/isElement';
@@ -13,9 +13,10 @@ import 'lodash/get';
 import '../../useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrError-b25d782d.js';
-import '../../normalize-component-6e8e3d80.js';
-import '../../OrHint-2fe1157b.js';
+import '../../OrButton-e4e85817.js';
+import '../../OrButton.vue_rollup-plugin-vue_script-199bb600.js';
+import '../../OrLoader-4ac49224.js';
+import '../../OrLabel-b0805497.js';
 import '../../OrIconButton-956b8e5c.js';
 import '../../OrIcon-03e3c802.js';
 import '../../OrTooltip-5af5118e.js';
@@ -31,11 +32,10 @@ import 'portal-vue';
 import '../../useTheme-0ef25778.js';
 import '../../isPrevented-6994b101.js';
 import '../../isAncestor-9acec98b.js';
-import '../../OrInputBox-1a8fda9b.js';
-import '../../OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';
-import '../../OrLabel-113eae8d.js';
-import '../../OrButton-e4e85817.js';
-import '../../OrButton.vue_rollup-plugin-vue_script-199bb600.js';
-import '../../OrLoader-4ac49224.js';
 import '../../OrMenuItem-cd18c3c7.js';
 import '../../OrMenu-e909a0ff.js';
+import '../../dropdown-open-06d651cf.js';
+import '../../OrError-b25d782d.js';
+import '../../OrHint-2fe1157b.js';
+import '../../OrInputBox-1a8fda9b.js';
+import '../../OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';

package/dist/esm/v2/components/or-date-time-picker-v3/partials/index.js

@@ -1,4 +1,4 @@
-export { _ as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../../../OrDateTimePickerTimeSelect-2f7efc41.js';
+export { _ as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../../../OrDateTimePickerTimeSelect-3fa9a7c7.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../../dom-aecadd9a.js';
@@ -7,12 +7,12 @@ import 'lodash/get';
 import '../../../useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../../getTimePlaceholder-a1d75821.js';
+import '../../../getTimePlaceholder-9d18b5ac.js';
 import '../../../normalize-component-6e8e3d80.js';
 import '../../../OrButton-e4e85817.js';
 import '../../../OrButton.vue_rollup-plugin-vue_script-199bb600.js';
 import '../../../OrLoader-4ac49224.js';
-import '../../../OrLabel-113eae8d.js';
+import '../../../OrLabel-b0805497.js';
 import '../../../OrIconButton-956b8e5c.js';
 import '../../../OrIcon-03e3c802.js';
 import '../../../OrTooltip-5af5118e.js';

package/dist/esm/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-date-control/OrDateTimePickerDateControl.vue.d.ts

@@ -1,16 +1,26 @@
+import { PropType } from 'vue-demi';
+import { DateTimePickerModelValue } from '../../types';
 import { formatDate } from '../../utils';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     placeholderStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("../../../../hooks").UseProxyModelValueReturn<Date>;
-    placeholder: string;
+    proxyModelValue: import("../../../../hooks").UseProxyModelValueReturn<DateTimePickerModelValue>;
+    placeholder: import("@vue/composition-api").ComputedRef<string>;
     formatDate: typeof formatDate;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
-        type: DateConstructor;
+        type: PropType<DateTimePickerModelValue>;
         default: undefined;
     };
+    format: {
+        type: PropType<"short" | "medium" | "long">;
+        required: true;
+    };
+    locale: {
+        type: StringConstructor;
+        required: true;
+    };
     selected: {
         type: BooleanConstructor;
         default: boolean;
@@ -29,9 +39,17 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
-        type: DateConstructor;
+        type: PropType<DateTimePickerModelValue>;
         default: undefined;
     };
+    format: {
+        type: PropType<"short" | "medium" | "long">;
+        required: true;
+    };
+    locale: {
+        type: StringConstructor;
+        required: true;
+    };
     selected: {
         type: BooleanConstructor;
         default: boolean;
@@ -49,7 +67,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
+    format: "short" | "medium" | "long";
+    locale: string;
     selected: boolean;
     required: boolean;
     readonly: boolean;
@@ -58,17 +78,19 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     placeholderStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("../../../../hooks").UseProxyModelValueReturn<Date>;
-    placeholder: string;
+    proxyModelValue: import("../../../../hooks").UseProxyModelValueReturn<DateTimePickerModelValue>;
+    placeholder: import("@vue/composition-api").ComputedRef<string>;
     formatDate: typeof formatDate;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
+    format: "short" | "medium" | "long";
+    locale: string;
     selected: boolean;
     required: boolean;
     readonly: boolean;
     disabled: boolean;
 } & {}, {
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
     selected: boolean;
     required: boolean;
     readonly: boolean;

package/dist/esm/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-date-select/OrDateTimePickerDateSelect.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-import { FilterFunction } from '../../types';
+import { DateTimePickerFilterFunction, DateTimePickerModelValue } from '../../types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -8,22 +8,30 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     buttonGroupDateItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
     buttonGroupCurrentDateItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
     buttonGroupInRangeDateItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("../../../../hooks").UseProxyModelValueReturn<Date>;
+    proxyModelValue: import("../../../../hooks").UseProxyModelValueReturn<DateTimePickerModelValue>;
     dayOptions: import("@vue/composition-api").ComputedRef<Date[]>;
     currentDate: import("@vue/composition-api").ComputedRef<Date>;
     formatWeekday: (value: Date) => string;
     formatDay: (value: Date) => string;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
-        type: DateConstructor;
+        type: PropType<DateTimePickerModelValue>;
         default: undefined;
     };
     initialValue: {
         type: DateConstructor;
         required: true;
     };
+    format: {
+        type: PropType<"short" | "medium" | "long">;
+        required: true;
+    };
+    locale: {
+        type: StringConstructor;
+        required: true;
+    };
     dateFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     rangeStart: {
@@ -36,15 +44,23 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
-        type: DateConstructor;
+        type: PropType<DateTimePickerModelValue>;
         default: undefined;
     };
     initialValue: {
         type: DateConstructor;
         required: true;
     };
+    format: {
+        type: PropType<"short" | "medium" | "long">;
+        required: true;
+    };
+    locale: {
+        type: StringConstructor;
+        required: true;
+    };
     dateFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     rangeStart: {
@@ -56,9 +72,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
     initialValue: Date;
-    dateFilter: FilterFunction;
+    format: "short" | "medium" | "long";
+    locale: string;
+    dateFilter: DateTimePickerFilterFunction;
     rangeStart: Date;
     rangeEnd: Date;
 } & {} & {
@@ -71,22 +89,24 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     buttonGroupDateItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
     buttonGroupCurrentDateItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
     buttonGroupInRangeDateItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("../../../../hooks").UseProxyModelValueReturn<Date>;
+    proxyModelValue: import("../../../../hooks").UseProxyModelValueReturn<DateTimePickerModelValue>;
     dayOptions: import("@vue/composition-api").ComputedRef<Date[]>;
     currentDate: import("@vue/composition-api").ComputedRef<Date>;
     formatWeekday: (value: Date) => string;
     formatDay: (value: Date) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
     initialValue: Date;
-    dateFilter: FilterFunction;
+    format: "short" | "medium" | "long";
+    locale: string;
+    dateFilter: DateTimePickerFilterFunction;
     rangeStart: Date;
     rangeEnd: Date;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: Date;
-    dateFilter: FilterFunction;
+    modelValue: DateTimePickerModelValue;
+    dateFilter: DateTimePickerFilterFunction;
     rangeStart: Date;
     rangeEnd: Date;
 }, true>);