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

package/dist/esm/v2/components/or-date-format-v3/OrDateFormat.vue.d.ts

@@ -1,11 +1,22 @@
-import { formatDate } from '../or-date-time-picker-v3';
+import { PropType } from 'vue-demi';
+import { DateTimePickerModelValue, formatDate } from '../or-date-time-picker-v3';
 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[]>;
+    resolvedFormat: import("@vue/composition-api").ComputedRef<"short" | "medium" | "long">;
+    resolvedLocale: 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">;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
         default: undefined;
     };
     placeholder: {
@@ -14,7 +25,15 @@ 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">;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
         default: undefined;
     };
     placeholder: {
@@ -22,17 +41,25 @@ 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;
+    format: "short" | "medium" | "long";
+    locale: string;
     placeholder: string;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    resolvedFormat: import("@vue/composition-api").ComputedRef<"short" | "medium" | "long">;
+    resolvedLocale: import("@vue/composition-api").ComputedRef<string>;
     formatDate: typeof formatDate;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
+    format: "short" | "medium" | "long";
+    locale: string;
     placeholder: string;
 } & {}, {
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
+    format: "short" | "medium" | "long";
+    locale: string;
     placeholder: string;
 }, true>);
 export default _default;

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

@@ -1,6 +1,6 @@
-export { _ as OrDateFormatV3 } from '../../OrDateFormat-7b761b0f.js';
+export { _ as OrDateFormatV3 } from '../../OrDateFormat-a17b5b23.js';
 import 'vue-demi';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-bd0836fd.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-b7ca34e8.js';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
@@ -29,9 +29,9 @@ 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 '../../OrDateTimePickerTimeSelect-2f7efc41.js';
-import '../../getTimePlaceholder-a1d75821.js';
+import '../../OrLabel-b0805497.js';
+import '../../OrDateTimePickerTimeSelect-3fa9a7c7.js';
+import '../../getTimePlaceholder-9d18b5ac.js';
 import '../../OrButton-e4e85817.js';
 import '../../OrButton.vue_rollup-plugin-vue_script-199bb600.js';
 import '../../OrLoader-4ac49224.js';

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

@@ -1,8 +1,9 @@
 import { PropType } from 'vue-demi';
-import { FilterFunction } from '../or-date-time-picker-v3';
+import { DateTimePickerFilterFunction, DateTimePickerModelValue } from '../or-date-time-picker-v3';
 import { InputBoxSize } from '../or-input-box-v3';
 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[], {} & {}, {
@@ -15,32 +16,41 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [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[]>;
+    resolvedFormat: import("@vue/composition-api").ComputedRef<"short" | "medium" | "long">;
+    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;
     openPopover: () => void;
     closePopover: () => void;
-    formatDateAlt: (value?: Date) => string;
+    formatDateAlt: (value: DateTimePickerModelValue) => string;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
-        type: DateConstructor;
+        type: PropType<DateTimePickerModelValue>;
+        default: undefined;
+    };
+    format: {
+        type: PropType<"short" | "medium" | "long">;
+        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;
     };
     size: {
@@ -77,19 +87,27 @@ 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">;
+        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;
     };
     size: {
@@ -125,10 +143,12 @@ 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;
-    yearFilter: FilterFunction;
-    monthFilter: FilterFunction;
-    dateFilter: FilterFunction;
+    modelValue: DateTimePickerModelValue;
+    format: "short" | "medium" | "long";
+    locale: string;
+    yearFilter: DateTimePickerFilterFunction;
+    monthFilter: DateTimePickerFilterFunction;
+    dateFilter: DateTimePickerFilterFunction;
     size: "m" | "s";
     label: string;
     hint: string;
@@ -141,6 +161,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[], {} & {}, {
@@ -153,22 +174,25 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [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[]>;
+    resolvedFormat: import("@vue/composition-api").ComputedRef<"short" | "medium" | "long">;
+    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;
     openPopover: () => void;
     closePopover: () => void;
-    formatDateAlt: (value?: Date) => string;
+    formatDateAlt: (value: DateTimePickerModelValue) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: Date;
-    yearFilter: FilterFunction;
-    monthFilter: FilterFunction;
-    dateFilter: FilterFunction;
+    modelValue: DateTimePickerModelValue;
+    format: "short" | "medium" | "long";
+    locale: string;
+    yearFilter: DateTimePickerFilterFunction;
+    monthFilter: DateTimePickerFilterFunction;
+    dateFilter: DateTimePickerFilterFunction;
     size: "m" | "s";
     label: string;
     hint: string;
@@ -180,10 +204,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: Date;
-    yearFilter: FilterFunction;
-    monthFilter: FilterFunction;
-    dateFilter: FilterFunction;
+    modelValue: DateTimePickerModelValue;
+    format: "short" | "medium" | "long";
+    locale: string;
+    yearFilter: DateTimePickerFilterFunction;
+    monthFilter: DateTimePickerFilterFunction;
+    dateFilter: DateTimePickerFilterFunction;
     size: "m" | "s";
     label: string;
     hint: string;

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

@@ -1,4 +1,4 @@
-export { _ as OrDatePickerV3 } from '../../OrDatePicker-847e9db1.js';
+export { _ as OrDatePickerV3 } from '../../OrDatePicker-67c281d7.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
@@ -8,7 +8,7 @@ import 'lodash/get';
 import '../../useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-bd0836fd.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-b7ca34e8.js';
 import '../../OrError-b25d782d.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-2fe1157b.js';
@@ -29,9 +29,9 @@ 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 '../../OrDateTimePickerTimeSelect-2f7efc41.js';
-import '../../getTimePlaceholder-a1d75821.js';
+import '../../OrLabel-b0805497.js';
+import '../../OrDateTimePickerTimeSelect-3fa9a7c7.js';
+import '../../getTimePlaceholder-9d18b5ac.js';
 import '../../OrButton-e4e85817.js';
 import '../../OrButton.vue_rollup-plugin-vue_script-199bb600.js';
 import '../../OrLoader-4ac49224.js';

package/dist/esm/v2/components/or-date-range-picker-v3/OrDateRangePicker.vue.d.ts

@@ -1,7 +1,10 @@
 import { PropType } from 'vue-demi';
+import { DateTimePickerModelValue } from '../or-date-time-picker-v3';
 import { InputBoxSize } from '../or-input-box-v3';
+import { DateRangePickerModelValue } 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[], {} & {}, {
@@ -14,28 +17,37 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [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[]>;
+    resolvedFormat: import("@vue/composition-api").ComputedRef<"short" | "medium" | "long">;
+    resolvedLocale: import("@vue/composition-api").ComputedRef<string>;
     initialValueFrom: import("@vue/composition-api").Ref<Date>;
     initialValueTo: import("@vue/composition-api").Ref<Date>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<[Date, Date]>;
-    draftModelValue: import("@vue/composition-api").Ref<[Date | undefined, Date | undefined]>;
-    draftModelValueFrom: import("@vue/composition-api").WritableComputedRef<Date | undefined>;
-    draftModelValueTo: import("@vue/composition-api").WritableComputedRef<Date | undefined>;
-    genericDraftModelValue: import("@vue/composition-api").WritableComputedRef<Date | undefined>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<DateRangePickerModelValue>;
+    draftModelValue: import("@vue/composition-api").Ref<[DateTimePickerModelValue, DateTimePickerModelValue]>;
+    draftModelValueFrom: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
+    draftModelValueTo: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
+    genericDraftModelValue: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
     selectedControl: import("@vue/composition-api").Ref<"from" | "to">;
     isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
-    switchSelectedControl: () => void;
     apply: () => void;
     reset: () => void;
+    switchSelectedControl: () => void;
     openPopover: (control: 'from' | 'to') => void;
     closePopover: () => void;
-    formatDateAlt: (value?: Date) => string;
+    formatDateAlt: (value: DateTimePickerModelValue) => string;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
-        type: PropType<[Date, Date]>;
+        type: PropType<DateRangePickerModelValue>;
+        default: undefined;
+    };
+    format: {
+        type: PropType<"short" | "medium" | "long">;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
         default: undefined;
     };
     size: {
@@ -72,7 +84,15 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
-        type: PropType<[Date, Date]>;
+        type: PropType<DateRangePickerModelValue>;
+        default: undefined;
+    };
+    format: {
+        type: PropType<"short" | "medium" | "long">;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
         default: undefined;
     };
     size: {
@@ -108,7 +128,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, Date];
+    modelValue: DateRangePickerModelValue;
+    format: "short" | "medium" | "long";
+    locale: string;
     size: "m" | "s";
     label: string;
     hint: string;
@@ -121,6 +143,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[], {} & {}, {
@@ -133,27 +156,30 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [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[]>;
+    resolvedFormat: import("@vue/composition-api").ComputedRef<"short" | "medium" | "long">;
+    resolvedLocale: import("@vue/composition-api").ComputedRef<string>;
     initialValueFrom: import("@vue/composition-api").Ref<Date>;
     initialValueTo: import("@vue/composition-api").Ref<Date>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<[Date, Date]>;
-    draftModelValue: import("@vue/composition-api").Ref<[Date | undefined, Date | undefined]>;
-    draftModelValueFrom: import("@vue/composition-api").WritableComputedRef<Date | undefined>;
-    draftModelValueTo: import("@vue/composition-api").WritableComputedRef<Date | undefined>;
-    genericDraftModelValue: import("@vue/composition-api").WritableComputedRef<Date | undefined>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<DateRangePickerModelValue>;
+    draftModelValue: import("@vue/composition-api").Ref<[DateTimePickerModelValue, DateTimePickerModelValue]>;
+    draftModelValueFrom: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
+    draftModelValueTo: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
+    genericDraftModelValue: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
     selectedControl: import("@vue/composition-api").Ref<"from" | "to">;
     isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
-    switchSelectedControl: () => void;
     apply: () => void;
     reset: () => void;
+    switchSelectedControl: () => void;
     openPopover: (control: 'from' | 'to') => void;
     closePopover: () => void;
-    formatDateAlt: (value?: Date) => string;
+    formatDateAlt: (value: DateTimePickerModelValue) => string;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: [Date, Date];
+    modelValue: DateRangePickerModelValue;
+    format: "short" | "medium" | "long";
+    locale: string;
     size: "m" | "s";
     label: string;
     hint: string;
@@ -165,7 +191,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: [Date, Date];
+    modelValue: DateRangePickerModelValue;
+    format: "short" | "medium" | "long";
+    locale: string;
     size: "m" | "s";
     label: string;
     hint: string;

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

@@ -1 +1,2 @@
 export { default as OrDateRangePickerV3 } from './OrDateRangePicker.vue';
+export * from './types';

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

@@ -1,4 +1,4 @@
-export { _ as OrDateRangePickerV3 } from '../../OrDateRangePicker-01c5a09c.js';
+export { _ as OrDateRangePickerV3 } from '../../OrDateRangePicker-4d776fe2.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
@@ -9,7 +9,7 @@ import '../../useProxyModelValue-940010d2.js';
 import '../../useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-bd0836fd.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-b7ca34e8.js';
 import '../../OrError-b25d782d.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-2fe1157b.js';
@@ -29,9 +29,9 @@ 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 '../../OrDateTimePickerTimeSelect-2f7efc41.js';
-import '../../getTimePlaceholder-a1d75821.js';
+import '../../OrLabel-b0805497.js';
+import '../../OrDateTimePickerTimeSelect-3fa9a7c7.js';
+import '../../getTimePlaceholder-9d18b5ac.js';
 import '../../OrButton-e4e85817.js';
 import '../../OrButton.vue_rollup-plugin-vue_script-199bb600.js';
 import '../../OrLoader-4ac49224.js';

package/dist/esm/v2/components/or-date-range-picker-v3/types.d.ts

@@ -0,0 +1,2 @@
+import { DateTimePickerModelValue } from '../or-date-time-picker-v3';
+export type DateRangePickerModelValue = [DateTimePickerModelValue, DateTimePickerModelValue] | null | undefined;

package/dist/esm/v2/components/or-date-time-format-v3/OrDateTimeFormat.vue.d.ts

@@ -1,18 +1,29 @@
 import { PropType } from 'vue-demi';
-import { DateTimePickerTimeFormat, formatDate, formatTime } from '../or-date-time-picker-v3';
+import { DateTimePickerModelValue, formatDate, formatTime } from '../or-date-time-picker-v3';
 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[]>;
+    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>;
     formatDate: typeof formatDate;
     formatTime: typeof formatTime;
 }> & 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;
     };
     placeholder: {
         type: StringConstructor;
@@ -20,33 +31,50 @@ 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;
     };
     placeholder: {
         type: StringConstructor;
         default: undefined;
     };
 }>> & 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";
+    locale: string;
     placeholder: string;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: 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>;
     formatDate: typeof formatDate;
     formatTime: typeof formatTime;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
+    dateFormat: "short" | "medium" | "long";
     timeFormat: "auto" | "h12" | "h23";
+    locale: string;
     placeholder: string;
 } & {}, {
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
+    dateFormat: "short" | "medium" | "long";
     timeFormat: "auto" | "h12" | "h23";
+    locale: string;
     placeholder: string;
 }, true>);
 export default _default;

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

@@ -1,6 +1,6 @@
-export { _ as OrDateTimeFormatV3 } from '../../OrDateTimeFormat-80ff6397.js';
+export { _ as OrDateTimeFormatV3 } from '../../OrDateTimeFormat-70e61dd6.js';
 import 'vue-demi';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-bd0836fd.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-b7ca34e8.js';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
@@ -29,9 +29,9 @@ 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 '../../OrDateTimePickerTimeSelect-2f7efc41.js';
-import '../../getTimePlaceholder-a1d75821.js';
+import '../../OrLabel-b0805497.js';
+import '../../OrDateTimePickerTimeSelect-3fa9a7c7.js';
+import '../../getTimePlaceholder-9d18b5ac.js';
 import '../../OrButton-e4e85817.js';
 import '../../OrButton.vue_rollup-plugin-vue_script-199bb600.js';
 import '../../OrLoader-4ac49224.js';