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

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

@@ -1,4 +1,4 @@
-export { s as OrListV3 } from '../../OrList-384bf436.js';
+export { s as OrListV3 } from '../../OrList-75b5e6ac.js';
 export { s as OrListItem } from '../../OrListItem-12e21bc6.js';
 import 'sortablejs';
 import 'uuid';
@@ -25,4 +25,4 @@ import '../../OrTeleport.vue3-8099178c.js';
 import '../../useTheme-0ef25778.js';
 import '../../isPrevented-6994b101.js';
 import '../../isAncestor-9acec98b.js';
-import '../../OrLabel-02aa56ad.js';
+import '../../OrLabel-59d09591.js';

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

@@ -1,4 +1,4 @@
-export { s as OrRadioGroupV3 } from '../../OrRadioGroup-6a5af61f.js';
+export { s as OrRadioGroupV3 } from '../../OrRadioGroup-2648ef67.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
@@ -7,11 +7,11 @@ import 'lodash/get';
 import '../../useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrFormGroup-17c3cc0a.js';
+import '../../OrFormGroup-230f2015.js';
 import '../../OrError-331220bc.js';
 import 'vue';
 import '../../OrHint-262c8217.js';
-import '../../OrLabel-02aa56ad.js';
-import '../../OrRadio-160d7841.js';
+import '../../OrLabel-59d09591.js';
+import '../../OrRadio-a7bb97f7.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../style-inject.es-4c6f2515.js';

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

@@ -1,4 +1,4 @@
-export { s as OrRadioV3 } from '../../OrRadio-160d7841.js';
+export { s as OrRadioV3 } from '../../OrRadio-a7bb97f7.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
@@ -8,6 +8,6 @@ import 'lodash/get';
 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-rich-text-editor-v3/index.js

@@ -1,4 +1,4 @@
-export { F as Formats, s as OrRichTextEditorV3 } from '../../OrRichTextEditor-87baa915.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../../OrRichTextEditor-56c41be2.js';
 import '@vueuse/core';
 import '@vueuse/integrations/useFocusTrap';
 import 'vue-demi';
@@ -39,14 +39,14 @@ import '../../OrTeleport.vue3-8099178c.js';
 import '../../useTheme-0ef25778.js';
 import '../../isPrevented-6994b101.js';
 import '../../isAncestor-9acec98b.js';
-import '../../OrInput-89bb16d6.js';
+import '../../OrInput-89162a71.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useProxyModelValue-940010d2.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-331220bc.js';
 import '../../OrHint-262c8217.js';
 import '../../OrInputBox-287f97ba.js';
-import '../../OrLabel-02aa56ad.js';
+import '../../OrLabel-59d09591.js';
 import '../../style-inject.es-4c6f2515.js';
 import '../../OrMenuItem-639ab707.js';
 import '../../OrMenu-ebf8c55d.js';

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

@@ -1,4 +1,4 @@
-export { s as OrSearchV3 } from '../../OrSearch-42922cb7.js';
+export { s as OrSearchV3 } from '../../OrSearch-169317ea.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
@@ -11,7 +11,7 @@ import '@onereach/styles/tailwind.config.json';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrInputBox-287f97ba.js';
 import 'vue';
-import '../../OrInput-89bb16d6.js';
+import '../../OrInput-89162a71.js';
 import '../../useResponsive-1baf3485.js';
 import '../../OrError-331220bc.js';
 import '../../OrHint-262c8217.js';
@@ -28,6 +28,6 @@ import '../../OrTeleport.vue3-8099178c.js';
 import '../../useTheme-0ef25778.js';
 import '../../isPrevented-6994b101.js';
 import '../../isAncestor-9acec98b.js';
-import '../../OrLabel-02aa56ad.js';
+import '../../OrLabel-59d09591.js';
 import '../../OrLoader-5e2f359b.js';
 import '../../style-inject.es-4c6f2515.js';

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

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect-27ede5ab.js';
+export { s as OrSelectV3 } from '../../OrSelect-cb207029.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
@@ -10,10 +10,10 @@ import '../../useProxyModelValue-940010d2.js';
 import '../../useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-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 'vue';
 import '../../style-inject.es-4c6f2515.js';
 import '../../OrError-331220bc.js';
@@ -33,7 +33,7 @@ import '../../useTheme-0ef25778.js';
 import '../../isPrevented-6994b101.js';
 import '../../isAncestor-9acec98b.js';
 import '../../OrInputBox-287f97ba.js';
-import '../../OrInput-89bb16d6.js';
+import '../../OrInput-89162a71.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrLoader-5e2f359b.js';
 import '../../OrMenuItem-639ab707.js';

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

@@ -1,4 +1,4 @@
-export { s as OrSwitchV3 } from '../../OrSwitch-43616cd3.js';
+export { s as OrSwitchV3 } from '../../OrSwitch-bd2093d2.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
@@ -9,7 +9,7 @@ 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 '../../OrLoader-5e2f359b.js';
 import '../../style-inject.es-4c6f2515.js';

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

@@ -1,4 +1,4 @@
-export { s as OrTagInputV3 } from '../../OrTagInput-e768c2d1.js';
+export { s as OrTagInputV3 } from '../../OrTagInput-c68c8430.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
@@ -27,7 +27,7 @@ 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 '../../OrTag-a29c2113.js';
 import '../../OrTags-215da9e7.js';
 import '../../useOverflow-e91d2314.js';

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

@@ -1,4 +1,4 @@
-export { s as OrTextareaV3 } from '../../OrTextarea-97b57866.js';
+export { s as OrTextareaV3 } from '../../OrTextarea-d5beb823.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
@@ -13,5 +13,5 @@ import '../../OrError-331220bc.js';
 import 'vue';
 import '../../OrHint-262c8217.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-time-format-v3/OrTimeFormat.vue.d.ts

@@ -1,13 +1,17 @@
 import { PropType } from 'vue-demi';
-import { DateTimePickerTimeFormat, formatTime } from '../or-date-time-picker-v3';
+import { DateTimePickerModelValue, DateTimePickerTimeFormat, formatTime } from '../or-date-time-picker-v3';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: DateConstructor;
+        type: PropType<DateTimePickerModelValue>;
         default: undefined;
     };
     format: {
         type: PropType<"auto" | "h12" | "h23">;
-        default: () => DateTimePickerTimeFormat;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
@@ -16,23 +20,30 @@ 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<DateTimePickerTimeFormat.Auto | "auto" | "h12" | "h23">;
+    resolvedLocale: import("vue-demi").ComputedRef<string>;
     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;
     };
     format: {
         type: PropType<"auto" | "h12" | "h23">;
-        default: () => DateTimePickerTimeFormat;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
         default: undefined;
     };
 }>>, {
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
     format: "auto" | "h12" | "h23";
+    locale: string;
     placeholder: string;
 }>;
 export default _default;

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

@@ -1,6 +1,6 @@
-export { s as OrTimeFormatV3 } from '../../OrTimeFormat-ef653117.js';
+export { s as OrTimeFormatV3 } from '../../OrTimeFormat-25c748db.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-time-picker-v3/OrTimePicker.vue.d.ts

@@ -1,21 +1,25 @@
 import { PropType } from 'vue-demi';
-import { DateTimePickerTimeFormat, FilterFunction } from '../or-date-time-picker-v3';
+import { DateTimePickerFilterFunction, DateTimePickerModelValue, DateTimePickerTimeFormat } 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<"auto" | "h12" | "h23">;
-        default: () => DateTimePickerTimeFormat;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
     };
     hoursFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     minutesFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     size: {
@@ -52,12 +56,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<DateTimePickerTimeFormat.Auto | "auto" | "h12" | "h23">;
+    resolvedLocale: import("vue-demi").ComputedRef<string>;
     initialValue: import("vue-demi").Ref<{
         toString: () => string;
         toDateString: () => string;
@@ -121,7 +127,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 +190,32 @@ 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;
-    formatTimeAlt: (value?: Date) => string;
+    formatTimeAlt: (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<"auto" | "h12" | "h23">;
-        default: () => DateTimePickerTimeFormat;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
     };
     hoursFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     minutesFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     size: {
@@ -247,10 +257,11 @@ declare const _default: import("vue-demi").DefineComponent<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
     format: "auto" | "h12" | "h23";
-    hoursFilter: FilterFunction;
-    minutesFilter: FilterFunction;
+    locale: string;
+    hoursFilter: DateTimePickerFilterFunction;
+    minutesFilter: DateTimePickerFilterFunction;
     size: "m" | "s";
     label: string;
     hint: string;

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

@@ -1,4 +1,4 @@
-export { s as OrTimePickerV3 } from '../../OrTimePicker-9dcd20dd.js';
+export { s as OrTimePickerV3 } from '../../OrTimePicker-5f6111da.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-time-range-picker-v3/OrTimeRangePicker.vue.d.ts

@@ -1,14 +1,19 @@
 import { PropType } from 'vue-demi';
-import { DateTimePickerTimeFormat } from '../or-date-time-picker-v3';
+import { DateTimePickerModelValue, DateTimePickerTimeFormat } from '../or-date-time-picker-v3';
 import { InputBoxSize } from '../or-input-box-v3';
+import { TimeRangePickerModelValue } from './types';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: PropType<[Date, Date]>;
+        type: PropType<TimeRangePickerModelValue>;
         default: undefined;
     };
     format: {
         type: PropType<"auto" | "h12" | "h23">;
-        default: () => DateTimePickerTimeFormat;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
     };
     size: {
         type: PropType<"m" | "s">;
@@ -44,13 +49,15 @@ 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[]>;
-    initialValue: import("vue-demi").Ref<{
+    resolvedFormat: import("vue-demi").ComputedRef<DateTimePickerTimeFormat.Auto | "auto" | "h12" | "h23">;
+    resolvedLocale: import("vue-demi").ComputedRef<string>;
+    initialValueFrom: import("vue-demi").Ref<{
         toString: () => string;
         toDateString: () => string;
         toTimeString: () => string;
@@ -112,8 +119,71 @@ declare const _default: import("vue-demi").DefineComponent<{
             (hint: "number"): number;
             (hint: string): string | number;
         };
-    }[]>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<[Date, Date] | undefined>;
+    }>;
+    initialValueTo: import("vue-demi").Ref<{
+        toString: () => string;
+        toDateString: () => string;
+        toTimeString: () => string;
+        toLocaleString: {
+            (): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+        };
+        toLocaleDateString: {
+            (): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+        };
+        toLocaleTimeString: {
+            (): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+        };
+        valueOf: () => number;
+        getTime: () => number;
+        getFullYear: () => number;
+        getUTCFullYear: () => number;
+        getMonth: () => number;
+        getUTCMonth: () => number;
+        getDate: () => number;
+        getUTCDate: () => number;
+        getDay: () => number;
+        getUTCDay: () => number;
+        getHours: () => number;
+        getUTCHours: () => number;
+        getMinutes: () => number;
+        getUTCMinutes: () => number;
+        getSeconds: () => number;
+        getUTCSeconds: () => number;
+        getMilliseconds: () => number;
+        getUTCMilliseconds: () => number;
+        getTimezoneOffset: () => number;
+        setTime: (time: number) => number;
+        setMilliseconds: (ms: number) => number;
+        setUTCMilliseconds: (ms: number) => number;
+        setSeconds: (sec: number, ms?: number | undefined) => number;
+        setUTCSeconds: (sec: number, ms?: number | undefined) => number;
+        setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+        setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+        setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+        setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+        setDate: (date: number) => number;
+        setUTCDate: (date: number) => number;
+        setMonth: (month: number, date?: number | undefined) => number;
+        setUTCMonth: (month: number, date?: number | undefined) => number;
+        setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+        setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+        toUTCString: () => string;
+        toISOString: () => string;
+        toJSON: (key?: any) => string;
+        [Symbol.toPrimitive]: {
+            (hint: "default"): string;
+            (hint: "string"): string;
+            (hint: "number"): number;
+            (hint: string): string | number;
+        };
+    }>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<TimeRangePickerModelValue>;
     draftModelValue: import("vue-demi").Ref<[{
         toString: () => string;
         toDateString: () => string;
@@ -176,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;
@@ -238,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;
@@ -301,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;
@@ -364,24 +434,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>;
     apply: () => void;
     reset: () => void;
     openPopover: (control: 'from' | 'to') => void;
     closePopover: () => void;
-    formatTimeAlt: (value?: Date) => string;
+    formatTimeAlt: (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<TimeRangePickerModelValue>;
         default: undefined;
     };
     format: {
         type: PropType<"auto" | "h12" | "h23">;
-        default: () => DateTimePickerTimeFormat;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
     };
     size: {
         type: PropType<"m" | "s">;
@@ -422,8 +496,9 @@ declare const _default: import("vue-demi").DefineComponent<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: [Date, Date];
+    modelValue: TimeRangePickerModelValue;
     format: "auto" | "h12" | "h23";
+    locale: string;
     size: "m" | "s";
     label: string;
     hint: string;

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

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

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

@@ -1,4 +1,4 @@
-export { s as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-1f6509eb.js';
+export { s as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-0d79f664.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-time-range-picker-v3/types.d.ts

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