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

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

@@ -1,34 +1,41 @@
 import { PropType } from 'vue-demi';
 import { InputBoxSize } from '../or-input-box-v3';
-import { DateTimePickerTimeFormat } from './props';
-import { FilterFunction } from './types';
+import { DateTimePickerDateFormat, DateTimePickerFilterFunction, DateTimePickerModelValue, DateTimePickerTimeFormat } from './types';
 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;
     };
     yearFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     monthFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     dateFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     hoursFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     minutesFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     size: {
@@ -65,15 +72,18 @@ 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>;
     datePopover: import("vue-demi").Ref<any>;
     datePopoverState: import("vue-demi").ComputedRef<any>;
+    datePopoverStyles: import("vue-demi").ComputedRef<string[]>;
     timePopover: import("vue-demi").Ref<any>;
     timePopoverState: import("vue-demi").ComputedRef<any>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
-    datePopoverStyles: import("vue-demi").ComputedRef<string[]>;
     timePopoverStyles: 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>;
     initialValue: import("vue-demi").Ref<{
         toString: () => string;
         toDateString: () => string;
@@ -137,7 +147,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;
@@ -200,7 +210,7 @@ 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;
@@ -208,35 +218,43 @@ declare const _default: import("vue-demi").DefineComponent<{
     toggleTimePopover: () => void;
     closeDatePopover: () => void;
     closeTimePopover: () => void;
-    formatDateAlt: (value?: Date) => string;
-    formatTimeAlt: (value?: Date) => string;
+    formatDateAlt: (value: DateTimePickerModelValue) => 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;
+    };
+    dateFormat: {
+        type: PropType<"short" | "medium" | "long">;
         default: undefined;
     };
     timeFormat: {
         type: PropType<"auto" | "h12" | "h23">;
-        default: () => DateTimePickerTimeFormat;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
     };
     yearFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     monthFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     dateFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     hoursFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     minutesFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     size: {
@@ -278,13 +296,15 @@ declare const _default: import("vue-demi").DefineComponent<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
+    dateFormat: "short" | "medium" | "long";
     timeFormat: "auto" | "h12" | "h23";
-    yearFilter: FilterFunction;
-    monthFilter: FilterFunction;
-    dateFilter: FilterFunction;
-    hoursFilter: FilterFunction;
-    minutesFilter: FilterFunction;
+    locale: string;
+    yearFilter: DateTimePickerFilterFunction;
+    monthFilter: DateTimePickerFilterFunction;
+    dateFilter: DateTimePickerFilterFunction;
+    hoursFilter: DateTimePickerFilterFunction;
+    minutesFilter: DateTimePickerFilterFunction;
     size: "m" | "s";
     label: string;
     hint: string;

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

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

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

@@ -1,6 +1,6 @@
-export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-b2749f72.js';
-export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-c6ea3195.js';
-export { D as DateTimePickerTimeFormat, f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from '../../getTimePlaceholder-a1d75821.js';
+export { D as DateFormat, L as Locale, s as OrDateTimePickerV3, T as TimeFormat } from '../../OrDateTimePicker-c3544059.js';
+export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-62e04a6c.js';
+export { D as DateTimePickerDateFormat, a as DateTimePickerTimeFormat, f as formatDate, b as formatTime, g as getDatePlaceholder, c as getTimePlaceholder } from '../../getTimePlaceholder-9d18b5ac.js';
 export { g as getCurrentDate } from '../../getCurrentDate-046a888d.js';
 export { g as getNextMonthDate } from '../../getNextMonthDate-00c47169.js';
 import 'vue-demi';
@@ -30,7 +30,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 '../../OrButton-c95aef65.js';
 import '../../OrLoader-5e2f359b.js';
 import '../../OrMenuItem-639ab707.js';

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

@@ -1,4 +1,4 @@
-export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../../../OrDateTimePickerTimeSelect-c6ea3195.js';
+export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../../../OrDateTimePickerTimeSelect-62e04a6c.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 '../../../getTimePlaceholder-a1d75821.js';
+import '../../../getTimePlaceholder-9d18b5ac.js';
 import 'vue';
 import '../../../OrButton-c95aef65.js';
 import '../../../OrLoader-5e2f359b.js';
-import '../../../OrLabel-02aa56ad.js';
+import '../../../OrLabel-59d09591.js';
 import '../../../OrIconButton-bc7ebce6.js';
 import '../../../OrIcon-c446d072.js';
 import '../../../OrTooltip-62fe3aa2.js';

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

@@ -1,9 +1,19 @@
+import { PropType } from 'vue-demi';
+import { DateTimePickerModelValue } from '../../types';
 import { formatDate } from '../../utils';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: DateConstructor;
+        type: PropType<DateTimePickerModelValue>;
         default: undefined;
     };
+    format: {
+        type: PropType<"short" | "medium" | "long">;
+        required: true;
+    };
+    locale: {
+        type: StringConstructor;
+        required: true;
+    };
     selected: {
         type: BooleanConstructor;
         default: boolean;
@@ -24,14 +34,22 @@ declare const _default: import("vue-demi").DefineComponent<{
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
     placeholderStyles: import("vue-demi").ComputedRef<string[]>;
-    proxyModelValue: import("../../../../hooks").UseProxyModelValueReturn<Date | undefined>;
-    placeholder: string;
+    proxyModelValue: import("../../../../hooks").UseProxyModelValueReturn<DateTimePickerModelValue>;
+    placeholder: 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">;
+        required: true;
+    };
+    locale: {
+        type: StringConstructor;
+        required: true;
+    };
     selected: {
         type: BooleanConstructor;
         default: boolean;
@@ -49,7 +67,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    modelValue: Date;
+    modelValue: DateTimePickerModelValue;
     selected: boolean;
     required: boolean;
     readonly: boolean;

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

@@ -1,16 +1,24 @@
 import { PropType } from 'vue-demi';
-import { FilterFunction } from '../../types';
+import { DateTimePickerFilterFunction, DateTimePickerModelValue } from '../../types';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: DateConstructor;
+        type: PropType<DateTimePickerModelValue>;
         default: undefined;
     };
     initialValue: {
         type: DateConstructor;
         required: true;
     };
+    format: {
+        type: PropType<"short" | "medium" | "long">;
+        required: true;
+    };
+    locale: {
+        type: StringConstructor;
+        required: true;
+    };
     dateFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     rangeStart: {
@@ -29,22 +37,30 @@ declare const _default: import("vue-demi").DefineComponent<{
     buttonGroupDateItemStyles: import("vue-demi").ComputedRef<string[]>;
     buttonGroupCurrentDateItemStyles: import("vue-demi").ComputedRef<string[]>;
     buttonGroupInRangeDateItemStyles: import("vue-demi").ComputedRef<string[]>;
-    proxyModelValue: import("../../../../hooks").UseProxyModelValueReturn<Date | undefined>;
+    proxyModelValue: import("../../../../hooks").UseProxyModelValueReturn<DateTimePickerModelValue>;
     dayOptions: import("vue-demi").ComputedRef<Date[]>;
     currentDate: import("vue-demi").ComputedRef<Date>;
     formatWeekday: (value: Date) => string;
     formatDay: (value: Date) => string;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", 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;
     };
     initialValue: {
         type: DateConstructor;
         required: true;
     };
+    format: {
+        type: PropType<"short" | "medium" | "long">;
+        required: true;
+    };
+    locale: {
+        type: StringConstructor;
+        required: true;
+    };
     dateFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     rangeStart: {
@@ -58,8 +74,8 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: Date;
-    dateFilter: FilterFunction;
+    modelValue: DateTimePickerModelValue;
+    dateFilter: DateTimePickerFilterFunction;
     rangeStart: Date;
     rangeEnd: Date;
 }>;

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

@@ -1,29 +1,33 @@
 import { PropType } from 'vue-demi';
-import { FilterFunction } from '../../types';
+import { DateTimePickerFilterFunction } from '../../types';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: DateConstructor;
+        type: PropType<Date>;
+        required: true;
+    };
+    locale: {
+        type: StringConstructor;
         required: true;
     };
     yearFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     monthFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
     yearButton: import("vue-demi").Ref<any>;
-    monthButton: import("vue-demi").Ref<any>;
     yearButtonRoot: import("vue-demi").ComputedRef<any>;
+    monthButton: import("vue-demi").Ref<any>;
     monthButtonRoot: import("vue-demi").ComputedRef<any>;
     yearMenu: import("vue-demi").Ref<any>;
-    monthMenu: import("vue-demi").Ref<any>;
     yearMenuState: import("vue-demi").ComputedRef<any>;
+    monthMenu: import("vue-demi").Ref<any>;
     monthMenuState: import("vue-demi").ComputedRef<any>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
     proxyModelValue: import("../../../../hooks").UseProxyModelValueReturn<Date>;
     yearOptions: import("vue-demi").ComputedRef<Date[]>;
     monthOptions: import("vue-demi").ComputedRef<Date[]>;
@@ -33,21 +37,25 @@ declare const _default: import("vue-demi").DefineComponent<{
     formatMonth: (value: Date) => string;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
-        type: DateConstructor;
+        type: PropType<Date>;
+        required: true;
+    };
+    locale: {
+        type: StringConstructor;
         required: true;
     };
     yearFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     monthFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    yearFilter: FilterFunction;
-    monthFilter: FilterFunction;
+    yearFilter: DateTimePickerFilterFunction;
+    monthFilter: DateTimePickerFilterFunction;
 }>;
 export default _default;

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

@@ -1,14 +1,18 @@
 import { PropType } from 'vue-demi';
-import { DateTimePickerTimeFormat } from '../../props';
+import { DateTimePickerModelValue } from '../../types';
 import { formatTime } from '../../utils';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: DateConstructor;
+        type: PropType<DateTimePickerModelValue>;
         default: undefined;
     };
     format: {
         type: PropType<"auto" | "h12" | "h23">;
-        default: () => DateTimePickerTimeFormat;
+        required: true;
+    };
+    locale: {
+        type: StringConstructor;
+        required: true;
     };
     selected: {
         type: BooleanConstructor;
@@ -30,17 +34,21 @@ declare const _default: import("vue-demi").DefineComponent<{
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
     placeholderStyles: import("vue-demi").ComputedRef<string[]>;
-    proxyModelValue: import("../../../../hooks").UseProxyModelValueReturn<Date | undefined>;
-    placeholder: string;
+    proxyModelValue: import("../../../../hooks").UseProxyModelValueReturn<DateTimePickerModelValue>;
+    placeholder: 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;
+        required: true;
+    };
+    locale: {
+        type: StringConstructor;
+        required: true;
     };
     selected: {
         type: BooleanConstructor;
@@ -59,8 +67,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    modelValue: Date;
-    format: "auto" | "h12" | "h23";
+    modelValue: DateTimePickerModelValue;
     selected: boolean;
     required: boolean;
     readonly: boolean;

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

@@ -1,9 +1,8 @@
 import { PropType } from 'vue-demi';
-import { DateTimePickerTimeFormat } from '../../props';
-import { FilterFunction } from '../../types';
+import { DateTimePickerFilterFunction, DateTimePickerModelValue, DateTimePickerTimeFormat } from '../../types';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: DateConstructor;
+        type: PropType<DateTimePickerModelValue>;
         default: undefined;
     };
     initialValue: {
@@ -12,14 +11,18 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     format: {
         type: PropType<"auto" | "h12" | "h23">;
-        default: () => DateTimePickerTimeFormat;
+        required: true;
+    };
+    locale: {
+        type: StringConstructor;
+        required: true;
     };
     hoursFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     minutesFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
 }, {
@@ -27,7 +30,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     rootStyles: import("vue-demi").ComputedRef<string[]>;
     buttonGroupStyles: import("vue-demi").ComputedRef<string[]>;
     buttonGroupItemStyles: import("vue-demi").ComputedRef<string[]>;
-    proxyModelValue: import("../../../../hooks").UseProxyModelValueReturn<Date | undefined>;
+    proxyModelValue: import("../../../../hooks").UseProxyModelValueReturn<DateTimePickerModelValue>;
     proxyTimeFormat: import("vue-demi").ComputedRef<DateTimePickerTimeFormat.H12 | DateTimePickerTimeFormat.H23 | "h12" | "h23">;
     hoursRange: import("vue-demi").Ref<"am" | "pm">;
     hoursOptions: import("vue-demi").ComputedRef<Date[]>;
@@ -36,7 +39,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     formatMinutes: (value: Date) => string;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", 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;
     };
     initialValue: {
@@ -45,22 +48,25 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     format: {
         type: PropType<"auto" | "h12" | "h23">;
-        default: () => DateTimePickerTimeFormat;
+        required: true;
+    };
+    locale: {
+        type: StringConstructor;
+        required: true;
     };
     hoursFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
     minutesFilter: {
-        type: PropType<FilterFunction>;
+        type: PropType<DateTimePickerFilterFunction>;
         default: undefined;
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: Date;
-    format: "auto" | "h12" | "h23";
-    hoursFilter: FilterFunction;
-    minutesFilter: FilterFunction;
+    modelValue: DateTimePickerModelValue;
+    hoursFilter: DateTimePickerFilterFunction;
+    minutesFilter: DateTimePickerFilterFunction;
 }>;
 export default _default;

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

@@ -0,0 +1,3 @@
+export declare const DateFormat: unique symbol;
+export declare const TimeFormat: unique symbol;
+export declare const Locale: unique symbol;

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

@@ -1,3 +1,14 @@
-export interface FilterFunction {
+export type DateTimePickerModelValue = Date | null | undefined;
+export declare enum DateTimePickerDateFormat {
+    Short = "short",
+    Medium = "medium",
+    Long = "long"
+}
+export declare enum DateTimePickerTimeFormat {
+    Auto = "auto",
+    H12 = "h12",
+    H23 = "h23"
+}
+export interface DateTimePickerFilterFunction {
     (value: Date): boolean;
 }

package/dist/esm/v3/components/or-date-time-picker-v3/utils/formatDate.d.ts

@@ -1 +1,2 @@
-export declare function formatDate(value: Date): string;
+import { DateTimePickerDateFormat } from '../types';
+export declare function formatDate(value: Date, format: `${DateTimePickerDateFormat}`, locale: string): string;

package/dist/esm/v3/components/or-date-time-picker-v3/utils/formatTime.d.ts

@@ -1,2 +1,2 @@
-import { DateTimePickerTimeFormat } from '../props';
-export declare function formatTime(value: Date, format?: `${DateTimePickerTimeFormat}`): string;
+import { DateTimePickerTimeFormat } from '../types';
+export declare function formatTime(value: Date, format: `${DateTimePickerTimeFormat}`, locale: string): string;

package/dist/esm/v3/components/or-date-time-picker-v3/utils/getDatePlaceholder.d.ts

@@ -1 +1,2 @@
-export declare function getDatePlaceholder(): string;
+import { DateTimePickerDateFormat } from '../types';
+export declare function getDatePlaceholder(format: `${DateTimePickerDateFormat}`, locale: string): string;

package/dist/esm/v3/components/or-date-time-picker-v3/utils/getTimePlaceholder.d.ts

@@ -1,2 +1,2 @@
-import { DateTimePickerTimeFormat } from '../props';
-export declare function getTimePlaceholder(format?: `${DateTimePickerTimeFormat}`): string;
+import { DateTimePickerTimeFormat } from '../types';
+export declare function getTimePlaceholder(format: `${DateTimePickerTimeFormat}`, locale: string): string;

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

@@ -1,3 +1,3 @@
-export { f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from '../../../getTimePlaceholder-a1d75821.js';
+export { f as formatDate, b as formatTime, g as getDatePlaceholder, c as getTimePlaceholder } from '../../../getTimePlaceholder-9d18b5ac.js';
 export { g as getCurrentDate } from '../../../getCurrentDate-046a888d.js';
 export { g as getNextMonthDate } from '../../../getNextMonthDate-00c47169.js';

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

@@ -1,6 +1,6 @@
-export { F as FormGroupDirection, s as OrFormGroupV3 } from '../../OrFormGroup-17c3cc0a.js';
+export { F as FormGroupDirection, s as OrFormGroupV3 } from '../../OrFormGroup-230f2015.js';
 import 'vue-demi';
 import '../../OrError-331220bc.js';
 import 'vue';
 import '../../OrHint-262c8217.js';
-import '../../OrLabel-02aa56ad.js';
+import '../../OrLabel-59d09591.js';

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

@@ -1,4 +1,4 @@
-export { I as InputType, s as OrInputV3 } from '../../OrInput-89bb16d6.js';
+export { I as InputType, s as OrInputV3 } from '../../OrInput-89162a71.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
@@ -27,6 +27,6 @@ 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 '../../OrLoader-5e2f359b.js';
 import '../../style-inject.es-4c6f2515.js';

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

@@ -1,3 +1,3 @@
-export { L as LabelVariant, s as OrLabelV3 } from '../../OrLabel-02aa56ad.js';
+export { L as LabelVariant, s as OrLabelV3 } from '../../OrLabel-59d09591.js';
 import 'vue-demi';
 import 'vue';