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

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

@@ -1,17 +1,23 @@
 import { PropType } from 'vue-demi';
-import { DateTimePickerTimeFormat, formatTime } from '../or-date-time-picker-v3';
+import { DateTimePickerModelValue, formatTime } from '../or-date-time-picker-v3';
 declare const _default: import("vue2").ComponentOptions<import("vue2").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<"auto" | "h12" | "h23">;
+    resolvedLocale: import("@vue/composition-api").ComputedRef<string>;
     formatTime: typeof formatTime;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
-        type: DateConstructor;
+        type: PropType<DateTimePickerModelValue>;
         default: undefined;
     };
     format: {
         type: PropType<"auto" | "h12" | "h23">;
-        default: () => DateTimePickerTimeFormat.Auto;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
@@ -19,32 +25,41 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
-        type: DateConstructor;
+        type: PropType<DateTimePickerModelValue>;
         default: undefined;
     };
     format: {
         type: PropType<"auto" | "h12" | "h23">;
-        default: () => DateTimePickerTimeFormat.Auto;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
         default: undefined;
     };
 }>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
     format: "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[]>;
+    resolvedFormat: import("@vue/composition-api").ComputedRef<"auto" | "h12" | "h23">;
+    resolvedLocale: import("@vue/composition-api").ComputedRef<string>;
     formatTime: typeof formatTime;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
     format: "auto" | "h12" | "h23";
+    locale: string;
     placeholder: string;
 } & {}, {
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
     format: "auto" | "h12" | "h23";
+    locale: string;
     placeholder: string;
 }, true>);
 export default _default;

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

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

@@ -1,8 +1,9 @@
 import { PropType } from 'vue-demi';
-import { DateTimePickerTimeFormat, 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("vue2").ComponentOptions<import("vue2").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,37 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         [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<"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;
     openPopover: () => void;
     closePopover: () => void;
-    formatTimeAlt: (value?: Date) => string;
+    formatTimeAlt: (value: DateTimePickerModelValue) => string;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
-        type: DateConstructor;
+        type: PropType<DateTimePickerModelValue>;
         default: undefined;
     };
     format: {
         type: PropType<"auto" | "h12" | "h23">;
-        default: () => DateTimePickerTimeFormat.Auto;
+        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: {
@@ -77,19 +83,23 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
-        type: DateConstructor;
+        type: PropType<DateTimePickerModelValue>;
         default: undefined;
     };
     format: {
         type: PropType<"auto" | "h12" | "h23">;
-        default: () => DateTimePickerTimeFormat.Auto;
+        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: {
@@ -125,10 +135,11 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         default: boolean;
     };
 }>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    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;
@@ -141,6 +152,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     [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 +165,24 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         [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<"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;
     openPopover: () => void;
     closePopover: () => void;
-    formatTimeAlt: (value?: Date) => string;
+    formatTimeAlt: (value: DateTimePickerModelValue) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    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;
@@ -180,10 +194,11 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...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/v2/components/or-time-picker-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrTimePickerV3 } from '../../OrTimePicker-e18d9265.js';
+export { _ as OrTimePickerV3 } from '../../OrTimePicker-7878d2c8.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-time-range-picker-v3/OrTimeRangePicker.vue.d.ts

@@ -1,8 +1,10 @@
 import { PropType } from 'vue-demi';
-import { DateTimePickerTimeFormat } from '../or-date-time-picker-v3';
+import { DateTimePickerModelValue } from '../or-date-time-picker-v3';
 import { InputBoxSize } from '../or-input-box-v3';
+import { TimeRangePickerModelValue } from './types';
 declare const _default: import("vue2").ComponentOptions<import("vue2").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,30 +17,36 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         [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[]>;
-    initialValue: import("@vue/composition-api").Ref<[Date, 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>;
+    resolvedFormat: import("@vue/composition-api").ComputedRef<"auto" | "h12" | "h23">;
+    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<TimeRangePickerModelValue>;
+    draftModelValue: import("@vue/composition-api").Ref<[DateTimePickerModelValue, DateTimePickerModelValue]>;
+    draftModelValueFrom: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
+    draftModelValueTo: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
     selectedControl: import("@vue/composition-api").Ref<"from" | "to">;
     isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
     openPopover: (control: 'from' | 'to') => void;
     closePopover: () => void;
-    formatTimeAlt: (value?: Date) => string;
+    formatTimeAlt: (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<TimeRangePickerModelValue>;
         default: undefined;
     };
     format: {
         type: PropType<"auto" | "h12" | "h23">;
-        default: () => DateTimePickerTimeFormat.Auto;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
     };
     size: {
         type: PropType<"m" | "s">;
@@ -74,12 +82,16 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
-        type: PropType<[Date, Date]>;
+        type: PropType<TimeRangePickerModelValue>;
         default: undefined;
     };
     format: {
         type: PropType<"auto" | "h12" | "h23">;
-        default: () => DateTimePickerTimeFormat.Auto;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
     };
     size: {
         type: PropType<"m" | "s">;
@@ -114,8 +126,9 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         default: boolean;
     };
 }>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: [Date, Date];
+    modelValue: TimeRangePickerModelValue;
     format: "auto" | "h12" | "h23";
+    locale: string;
     size: "m" | "s";
     label: string;
     hint: string;
@@ -128,6 +141,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     [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[], {} & {}, {
@@ -140,25 +154,28 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         [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[]>;
-    initialValue: import("@vue/composition-api").Ref<[Date, 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>;
+    resolvedFormat: import("@vue/composition-api").ComputedRef<"auto" | "h12" | "h23">;
+    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<TimeRangePickerModelValue>;
+    draftModelValue: import("@vue/composition-api").Ref<[DateTimePickerModelValue, DateTimePickerModelValue]>;
+    draftModelValueFrom: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
+    draftModelValueTo: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
     selectedControl: import("@vue/composition-api").Ref<"from" | "to">;
     isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
     openPopover: (control: 'from' | 'to') => void;
     closePopover: () => void;
-    formatTimeAlt: (value?: Date) => string;
+    formatTimeAlt: (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: TimeRangePickerModelValue;
     format: "auto" | "h12" | "h23";
+    locale: string;
     size: "m" | "s";
     label: string;
     hint: string;
@@ -170,8 +187,9 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...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/v2/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/v2/components/or-time-range-picker-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-e46462b3.js';
+export { _ as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-bee857dc.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-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;

package/dist/esm/v2/getTimePlaceholder-9d18b5ac.js

@@ -0,0 +1,77 @@
+function formatDate(value, format, locale) {
+  return value.toLocaleString(locale, {
+    dateStyle: format,
+    timeZone: 'UTC'
+  });
+}
+
+var DateTimePickerDateFormat;
+(function (DateTimePickerDateFormat) {
+  DateTimePickerDateFormat["Short"] = "short";
+  DateTimePickerDateFormat["Medium"] = "medium";
+  DateTimePickerDateFormat["Long"] = "long";
+})(DateTimePickerDateFormat || (DateTimePickerDateFormat = {}));
+var DateTimePickerTimeFormat;
+(function (DateTimePickerTimeFormat) {
+  DateTimePickerTimeFormat["Auto"] = "auto";
+  DateTimePickerTimeFormat["H12"] = "h12";
+  DateTimePickerTimeFormat["H23"] = "h23";
+})(DateTimePickerTimeFormat || (DateTimePickerTimeFormat = {}));
+
+function formatTime(value, format, locale) {
+  return value.toLocaleString(locale, {
+    timeStyle: 'short',
+    hourCycle: format !== DateTimePickerTimeFormat.Auto ? format : undefined,
+    timeZone: 'UTC'
+  });
+}
+
+function getDatePlaceholder(format, locale) {
+  const formatter = new Intl.DateTimeFormat(locale, {
+    dateStyle: format,
+    timeZone: 'UTC'
+  });
+  return formatter.formatToParts(Date.UTC(0, 0)).reduce((accumulator, part) => {
+    switch (part.type) {
+      case 'year':
+        return accumulator + part.value.replace(/^\d{2}$/, 'YY').replace(/^\d{4}$/, 'YYYY');
+      case 'month':
+        switch (format) {
+          case 'short':
+            return accumulator + part.value.replace(/^\d{1}$/, 'M').replace(/^\d{2}$/, 'MM');
+          case 'medium':
+            return accumulator + 'MMM';
+          case 'long':
+            return accumulator + 'MMMM';
+          default:
+            throw new Error();
+        }
+      case 'day':
+        return accumulator + part.value.replace(/^\d{1}$/, 'D').replace(/^\d{2}$/, 'DD');
+      default:
+        return accumulator + part.value;
+    }
+  }, '');
+}
+
+function getTimePlaceholder(format, locale) {
+  const formatter = new Intl.DateTimeFormat(locale, {
+    timeStyle: 'short',
+    hourCycle: format !== DateTimePickerTimeFormat.Auto ? format : undefined,
+    timeZone: 'UTC'
+  });
+  return formatter.formatToParts(Date.UTC(0, 0)).reduce((accumulator, part) => {
+    switch (part.type) {
+      case 'hour':
+        return accumulator + part.value.replace(/^\d{1}$/, 'H').replace(/^\d{2}$/, 'HH');
+      case 'minute':
+        return accumulator + part.value.replace(/^\d{1}$/, 'M').replace(/^\d{2}$/, 'MM');
+      case 'dayPeriod':
+        return accumulator + 'A';
+      default:
+        return accumulator + part.value;
+    }
+  }, '');
+}
+
+export { DateTimePickerDateFormat as D, DateTimePickerTimeFormat as a, formatTime as b, getTimePlaceholder as c, formatDate as f, getDatePlaceholder as g };