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

package/dist/esm/v3/components/or-checkbox-group-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup-ba429495.js';
+export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup-4f9235bb.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
@@ -7,16 +7,16 @@ import 'lodash/get';
 import '../../useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrCheckboxTree-e3b760d1.js';
+import '../../OrCheckboxTree-129603b3.js';
 import '../../OrButton-c95aef65.js';
 import '../../OrLoader-5e2f359b.js';
 import 'vue';
-import '../../OrCheckbox-91bc37d7.js';
+import '../../OrCheckbox-637049b9.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../isVoid-36a1480c.js';
-import '../../OrLabel-02aa56ad.js';
+import '../../OrLabel-59d09591.js';
 import '../../style-inject.es-4c6f2515.js';
 import '../../OrIcon-c446d072.js';
-import '../../OrFormGroup-17c3cc0a.js';
+import '../../OrFormGroup-230f2015.js';
 import '../../OrError-331220bc.js';
 import '../../OrHint-262c8217.js';

package/dist/esm/v3/components/or-checkbox-tree-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree-e3b760d1.js';
+export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree-129603b3.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';
@@ -10,9 +10,9 @@ import '@onereach/styles/tailwind.config.json';
 import '../../OrButton-c95aef65.js';
 import '../../OrLoader-5e2f359b.js';
 import 'vue';
-import '../../OrCheckbox-91bc37d7.js';
+import '../../OrCheckbox-637049b9.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../isVoid-36a1480c.js';
-import '../../OrLabel-02aa56ad.js';
+import '../../OrLabel-59d09591.js';
 import '../../style-inject.es-4c6f2515.js';
 import '../../OrIcon-c446d072.js';

package/dist/esm/v3/components/or-checkbox-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrCheckboxV3 } from '../../OrCheckbox-91bc37d7.js';
+export { s as OrCheckboxV3 } from '../../OrCheckbox-637049b9.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
@@ -9,6 +9,6 @@ import '../../isVoid-36a1480c.js';
 import '../../useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrLabel-02aa56ad.js';
+import '../../OrLabel-59d09591.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/or-code-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CodeLanguage, s as OrCodeV3 } from '../../OrCode-590736cc.js';
+export { C as CodeLanguage, s as OrCodeV3 } from '../../OrCode-79ec7fc2.js';
 export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
@@ -36,4 +36,4 @@ import '../../OrModal-91ceee4d.js';
 import '../../OrError-331220bc.js';
 import '../../OrHint-262c8217.js';
 import '../../OrInputBox-287f97ba.js';
-import '../../OrLabel-02aa56ad.js';
+import '../../OrLabel-59d09591.js';

package/dist/esm/v3/components/or-combined-input-v3/index.js

@@ -1,7 +1,7 @@
-export { s as OrCombinedInputV3 } from '../../OrCombinedInput-1a22e413.js';
+export { s as OrCombinedInputV3 } from '../../OrCombinedInput-391b1de9.js';
 import 'vue-demi';
 import '../../OrError-331220bc.js';
 import 'vue';
 import '../../OrHint-262c8217.js';
 import '../../OrInputBox-287f97ba.js';
-import '../../OrLabel-02aa56ad.js';
+import '../../OrLabel-59d09591.js';

package/dist/esm/v3/components/or-confirm-v3/index.js

@@ -1,4 +1,4 @@
-export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-fdc47d05.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-7333b2ff.js';
 import '@vueuse/core';
 import '@vueuse/math';
 import 'vue-demi';
@@ -11,7 +11,7 @@ import '@onereach/styles/tailwind.config.json';
 import '../../OrButton-c95aef65.js';
 import '../../OrLoader-5e2f359b.js';
 import 'vue';
-import '../../OrInput-89bb16d6.js';
+import '../../OrInput-89162a71.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useProxyModelValue-940010d2.js';
 import '../../useResponsive-1baf3485.js';
@@ -31,5 +31,5 @@ import '../../useTheme-0ef25778.js';
 import '../../isPrevented-6994b101.js';
 import '../../isAncestor-9acec98b.js';
 import '../../OrInputBox-287f97ba.js';
-import '../../OrLabel-02aa56ad.js';
+import '../../OrLabel-59d09591.js';
 import '../../style-inject.es-4c6f2515.js';

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

@@ -1,7 +1,16 @@
-import { formatDate } from '../or-date-time-picker-v3';
+import { PropType } from 'vue-demi';
+import { DateTimePickerDateFormat, DateTimePickerModelValue, formatDate } from '../or-date-time-picker-v3';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: DateConstructor;
+        type: PropType<DateTimePickerModelValue>;
+        default: undefined;
+    };
+    format: {
+        type: PropType<"short" | "medium" | "long">;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
         default: undefined;
     };
     placeholder: {
@@ -11,10 +20,20 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
+    resolvedFormat: import("vue-demi").ComputedRef<DateTimePickerDateFormat.Short | "short" | "medium" | "long">;
+    resolvedLocale: import("vue-demi").ComputedRef<string>;
     formatDate: typeof formatDate;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
-        type: DateConstructor;
+        type: PropType<DateTimePickerModelValue>;
+        default: undefined;
+    };
+    format: {
+        type: PropType<"short" | "medium" | "long">;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
         default: undefined;
     };
     placeholder: {
@@ -22,7 +41,9 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
 }>>, {
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
+    format: "short" | "medium" | "long";
+    locale: string;
     placeholder: string;
 }>;
 export default _default;

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

@@ -1,6 +1,6 @@
-export { s as OrDateFormatV3 } from '../../OrDateFormat-755671ca.js';
+export { s as OrDateFormatV3 } from '../../OrDateFormat-3ef8c5c3.js';
 import 'vue-demi';
-import '../../OrDateTimePicker-b2749f72.js';
+import '../../OrDateTimePicker-c3544059.js';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
@@ -27,9 +27,9 @@ import '../../useTheme-0ef25778.js';
 import '../../isPrevented-6994b101.js';
 import '../../isAncestor-9acec98b.js';
 import '../../OrInputBox-287f97ba.js';
-import '../../OrLabel-02aa56ad.js';
-import '../../OrDateTimePickerTimeSelect-c6ea3195.js';
-import '../../getTimePlaceholder-a1d75821.js';
+import '../../OrLabel-59d09591.js';
+import '../../OrDateTimePickerTimeSelect-62e04a6c.js';
+import '../../getTimePlaceholder-9d18b5ac.js';
 import '../../OrButton-c95aef65.js';
 import '../../OrLoader-5e2f359b.js';
 import '../../OrMenuItem-639ab707.js';

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

@@ -1,21 +1,29 @@
 import { PropType } from 'vue-demi';
-import { FilterFunction } from '../or-date-time-picker-v3';
+import { DateTimePickerDateFormat, DateTimePickerFilterFunction, DateTimePickerModelValue } from '../or-date-time-picker-v3';
 import { InputBoxSize } from '../or-input-box-v3';
 declare const _default: import("vue-demi").DefineComponent<{
     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: {
@@ -52,12 +60,14 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
     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[]>;
+    resolvedFormat: import("vue-demi").ComputedRef<DateTimePickerDateFormat.Short | "short" | "medium" | "long">;
+    resolvedLocale: import("vue-demi").ComputedRef<string>;
     initialValue: import("vue-demi").Ref<{
         toString: () => string;
         toDateString: () => string;
@@ -121,7 +131,7 @@ declare const _default: import("vue-demi").DefineComponent<{
             (hint: string): string | number;
         };
     }>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<Date | undefined>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<DateTimePickerModelValue>;
     draftModelValue: import("vue-demi").Ref<{
         toString: () => string;
         toDateString: () => string;
@@ -184,28 +194,36 @@ declare const _default: import("vue-demi").DefineComponent<{
             (hint: "number"): number;
             (hint: string): string | number;
         };
-    } | undefined>;
+    } | null | undefined>;
     isInvalidDraftModelValue: import("vue-demi").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
     openPopover: () => void;
     closePopover: () => void;
-    formatDateAlt: (value?: Date) => string;
+    formatDateAlt: (value: DateTimePickerModelValue) => 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;
+        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: {
@@ -247,10 +265,12 @@ declare const _default: import("vue-demi").DefineComponent<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...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/v3/components/or-date-picker-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrDatePickerV3 } from '../../OrDatePicker-a65e349c.js';
+export { s as OrDatePickerV3 } from '../../OrDatePicker-1d21985d.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-b2749f72.js';
+import '../../OrDateTimePicker-c3544059.js';
 import '../../OrError-331220bc.js';
 import 'vue';
 import '../../OrHint-262c8217.js';
@@ -27,9 +27,9 @@ import '../../useTheme-0ef25778.js';
 import '../../isPrevented-6994b101.js';
 import '../../isAncestor-9acec98b.js';
 import '../../OrInputBox-287f97ba.js';
-import '../../OrLabel-02aa56ad.js';
-import '../../OrDateTimePickerTimeSelect-c6ea3195.js';
-import '../../getTimePlaceholder-a1d75821.js';
+import '../../OrLabel-59d09591.js';
+import '../../OrDateTimePickerTimeSelect-62e04a6c.js';
+import '../../getTimePlaceholder-9d18b5ac.js';
 import '../../OrButton-c95aef65.js';
 import '../../OrLoader-5e2f359b.js';
 import '../../OrMenuItem-639ab707.js';

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

@@ -1,8 +1,18 @@
 import { PropType } from 'vue-demi';
+import { DateTimePickerDateFormat, DateTimePickerModelValue } from '../or-date-time-picker-v3';
 import { InputBoxSize } from '../or-input-box-v3';
+import { DateRangePickerModelValue } from './types';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: PropType<[Date, Date]>;
+        type: PropType<DateRangePickerModelValue>;
+        default: undefined;
+    };
+    format: {
+        type: PropType<"short" | "medium" | "long">;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
         default: undefined;
     };
     size: {
@@ -39,12 +49,14 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
     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[]>;
+    resolvedFormat: import("vue-demi").ComputedRef<DateTimePickerDateFormat.Short | "short" | "medium" | "long">;
+    resolvedLocale: import("vue-demi").ComputedRef<string>;
     initialValueFrom: import("vue-demi").Ref<{
         toString: () => string;
         toDateString: () => string;
@@ -171,7 +183,7 @@ declare const _default: import("vue-demi").DefineComponent<{
             (hint: string): string | number;
         };
     }>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<[Date, Date] | undefined>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<DateRangePickerModelValue>;
     draftModelValue: import("vue-demi").Ref<[{
         toString: () => string;
         toDateString: () => string;
@@ -234,7 +246,7 @@ declare const _default: import("vue-demi").DefineComponent<{
             (hint: "number"): number;
             (hint: string): string | number;
         };
-    } | undefined, {
+    } | null | undefined, {
         toString: () => string;
         toDateString: () => string;
         toTimeString: () => string;
@@ -296,7 +308,7 @@ declare const _default: import("vue-demi").DefineComponent<{
             (hint: "number"): number;
             (hint: string): string | number;
         };
-    } | undefined]>;
+    } | null | undefined]>;
     draftModelValueFrom: import("vue-demi").WritableComputedRef<{
         toString: () => string;
         toDateString: () => string;
@@ -359,7 +371,7 @@ declare const _default: import("vue-demi").DefineComponent<{
             (hint: "number"): number;
             (hint: string): string | number;
         };
-    } | undefined>;
+    } | null | undefined>;
     draftModelValueTo: import("vue-demi").WritableComputedRef<{
         toString: () => string;
         toDateString: () => string;
@@ -422,7 +434,7 @@ declare const _default: import("vue-demi").DefineComponent<{
             (hint: "number"): number;
             (hint: string): string | number;
         };
-    } | undefined>;
+    } | null | undefined>;
     genericDraftModelValue: import("vue-demi").WritableComputedRef<{
         toString: () => string;
         toDateString: () => string;
@@ -485,20 +497,28 @@ declare const _default: import("vue-demi").DefineComponent<{
             (hint: "number"): number;
             (hint: string): string | number;
         };
-    } | undefined>;
+    } | null | undefined>;
     selectedControl: import("vue-demi").Ref<"from" | "to">;
     isInvalidDraftModelValue: import("vue-demi").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-demi").ComputedRef<boolean>;
     isMobile: import("vue-demi").ComputedRef<boolean>;
 }, 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: PropType<[Date, Date]>;
+        type: PropType<DateRangePickerModelValue>;
+        default: undefined;
+    };
+    format: {
+        type: PropType<"short" | "medium" | "long">;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
         default: undefined;
     };
     size: {
@@ -540,7 +560,9 @@ declare const _default: import("vue-demi").DefineComponent<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...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/v3/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/v3/components/or-date-range-picker-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrDateRangePickerV3 } from '../../OrDateRangePicker-06b39fc4.js';
+export { s as OrDateRangePickerV3 } from '../../OrDateRangePicker-fb715f58.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-b2749f72.js';
+import '../../OrDateTimePicker-c3544059.js';
 import '../../OrError-331220bc.js';
 import 'vue';
 import '../../OrHint-262c8217.js';
@@ -27,9 +27,9 @@ import '../../useTheme-0ef25778.js';
 import '../../isPrevented-6994b101.js';
 import '../../isAncestor-9acec98b.js';
 import '../../OrInputBox-287f97ba.js';
-import '../../OrLabel-02aa56ad.js';
-import '../../OrDateTimePickerTimeSelect-c6ea3195.js';
-import '../../getTimePlaceholder-a1d75821.js';
+import '../../OrLabel-59d09591.js';
+import '../../OrDateTimePickerTimeSelect-62e04a6c.js';
+import '../../getTimePlaceholder-9d18b5ac.js';
 import '../../OrButton-c95aef65.js';
 import '../../OrLoader-5e2f359b.js';
 import '../../OrMenuItem-639ab707.js';

package/dist/esm/v3/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/v3/components/or-date-time-format-v3/OrDateTimeFormat.vue.d.ts

@@ -1,13 +1,21 @@
 import { PropType } from 'vue-demi';
-import { DateTimePickerTimeFormat, formatDate, formatTime } from '../or-date-time-picker-v3';
+import { DateTimePickerDateFormat, DateTimePickerModelValue, DateTimePickerTimeFormat, formatDate, formatTime } from '../or-date-time-picker-v3';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: DateConstructor;
+        type: PropType<DateTimePickerModelValue>;
+        default: undefined;
+    };
+    dateFormat: {
+        type: PropType<"short" | "medium" | "long">;
         default: undefined;
     };
     timeFormat: {
         type: PropType<"auto" | "h12" | "h23">;
-        default: () => DateTimePickerTimeFormat;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
@@ -16,24 +24,37 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
+    resolvedDateFormat: import("vue-demi").ComputedRef<DateTimePickerDateFormat.Short | "short" | "medium" | "long">;
+    resolvedTimeFormat: import("vue-demi").ComputedRef<DateTimePickerTimeFormat.Auto | "auto" | "h12" | "h23">;
+    resolvedLocale: import("vue-demi").ComputedRef<string>;
     formatDate: typeof formatDate;
     formatTime: typeof formatTime;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").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;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
         default: undefined;
     };
 }>>, {
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
+    dateFormat: "short" | "medium" | "long";
     timeFormat: "auto" | "h12" | "h23";
+    locale: string;
     placeholder: string;
 }>;
 export default _default;

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

@@ -1,6 +1,6 @@
-export { s as OrDateTimeFormatV3 } from '../../OrDateTimeFormat-3408f038.js';
+export { s as OrDateTimeFormatV3 } from '../../OrDateTimeFormat-595566fa.js';
 import 'vue-demi';
-import '../../OrDateTimePicker-b2749f72.js';
+import '../../OrDateTimePicker-c3544059.js';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
@@ -27,9 +27,9 @@ import '../../useTheme-0ef25778.js';
 import '../../isPrevented-6994b101.js';
 import '../../isAncestor-9acec98b.js';
 import '../../OrInputBox-287f97ba.js';
-import '../../OrLabel-02aa56ad.js';
-import '../../OrDateTimePickerTimeSelect-c6ea3195.js';
-import '../../getTimePlaceholder-a1d75821.js';
+import '../../OrLabel-59d09591.js';
+import '../../OrDateTimePickerTimeSelect-62e04a6c.js';
+import '../../getTimePlaceholder-9d18b5ac.js';
 import '../../OrButton-c95aef65.js';
 import '../../OrLoader-5e2f359b.js';
 import '../../OrMenuItem-639ab707.js';