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

package/dist/esm/v3/{OrRadioGroup-6a5af61f.js → OrRadioGroup-2648ef67.js}

@@ -4,8 +4,8 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1, F as FormGroupDirection } from './OrFormGroup-17c3cc0a.js';
-import { s as script$2 } from './OrRadio-160d7841.js';
+import { s as script$1, F as FormGroupDirection } from './OrFormGroup-230f2015.js';
+import { s as script$2 } from './OrRadio-a7bb97f7.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrRichTextEditor-87baa915.js → OrRichTextEditor-56c41be2.js}

@@ -18,8 +18,8 @@ import Highlight from '@tiptap/extension-highlight';
 import Underline from '@tiptap/extension-underline';
 import { s as script$7 } from './OrButton-c95aef65.js';
 import { s as script$1 } from './OrIconButton-bc7ebce6.js';
-import { s as script$6 } from './OrInput-89bb16d6.js';
-import { s as script$2 } from './OrLabel-02aa56ad.js';
+import { s as script$6 } from './OrInput-89162a71.js';
+import { s as script$2 } from './OrLabel-59d09591.js';
 import { s as script$3 } from './OrMenuItem-639ab707.js';
 import { s as script$4 } from './OrMenu-ebf8c55d.js';
 import { s as script$5 } from './OrModal-91ceee4d.js';

package/dist/esm/v3/{OrSearch-42922cb7.js → OrSearch-169317ea.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$1 } from './OrInput-89bb16d6.js';
+import { s as script$1 } from './OrInput-89162a71.js';
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrSelect-27ede5ab.js → OrSelect-cb207029.js}

@@ -6,15 +6,15 @@ import { i as isEmptyValue } from './isEqualValue-b6ca4b55.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$3 } from './OrCheckbox-91bc37d7.js';
+import { s as script$3 } from './OrCheckbox-637049b9.js';
 import { s as script$4 } from './OrError-331220bc.js';
 import { s as script$5 } from './OrExpansionPanel-3281fa33.js';
 import { s as script$6 } from './OrHint-262c8217.js';
 import { s as script$8 } from './OrIconButton-bc7ebce6.js';
 import { s as script$7 } from './OrIcon-c446d072.js';
 import { s as script$a, a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$9 } from './OrInput-89bb16d6.js';
-import { s as script$b } from './OrLabel-02aa56ad.js';
+import { s as script$9 } from './OrInput-89162a71.js';
+import { s as script$b } from './OrLabel-59d09591.js';
 import { s as script$c } from './OrMenuItem-639ab707.js';
 import { s as script$d } from './OrPopover-93803a23.js';
 import { T as TagsOverflow } from './OrTags-215da9e7.js';

package/dist/esm/v3/{OrSwitch-43616cd3.js → OrSwitch-bd2093d2.js}

@@ -6,7 +6,7 @@ import { i as isVoid } from './isVoid-36a1480c.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1, L as LabelVariant } from './OrLabel-02aa56ad.js';
+import { s as script$1, L as LabelVariant } from './OrLabel-59d09591.js';
 import { s as script$2 } from './OrLoader-5e2f359b.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, mergeProps, createVNode, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrTagInput-e768c2d1.js → OrTagInput-c68c8430.js}

@@ -10,7 +10,7 @@ import { s as script$1 } from './OrError-331220bc.js';
 import { s as script$2 } from './OrHint-262c8217.js';
 import { s as script$3 } from './OrIconButton-bc7ebce6.js';
 import { s as script$4 } from './OrInputBox-287f97ba.js';
-import { s as script$5 } from './OrLabel-02aa56ad.js';
+import { s as script$5 } from './OrLabel-59d09591.js';
 import { a as TagColor } from './OrTag-a29c2113.js';
 import { s as script$6, T as TagsOverflow } from './OrTags-215da9e7.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createSlots, createElementVNode, withDirectives, mergeProps, withKeys, vModelDynamic, vShow } from 'vue';

package/dist/esm/v3/{OrTextarea-97b57866.js → OrTextarea-d5beb823.js}

@@ -9,7 +9,7 @@ import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34
 import { s as script$1 } from './OrError-331220bc.js';
 import { s as script$2 } from './OrHint-262c8217.js';
 import { s as script$3, a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$4 } from './OrLabel-02aa56ad.js';
+import { s as script$4 } from './OrLabel-59d09591.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelText, createSlots, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/OrTimeFormat-25c748db.js

@@ -0,0 +1,73 @@
+import { defineComponent, ref, computed, inject } from 'vue-demi';
+import { T as TimeFormat$1, L as Locale } from './OrDateTimePicker-c3544059.js';
+import './OrDateTimePickerTimeSelect-62e04a6c.js';
+import { a as DateTimePickerTimeFormat, b as formatTime } from './getTimePlaceholder-9d18b5ac.js';
+import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from 'vue';
+
+const TimeFormat = [
+// Layout
+'inline'];
+
+var script = defineComponent({
+  name: 'OrTimeFormat',
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: undefined,
+      default: undefined
+    },
+    format: {
+      type: String,
+      default: undefined
+    },
+    locale: {
+      type: String,
+      default: undefined
+    },
+    placeholder: {
+      type: String,
+      default: undefined
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs & Styles
+    const root = ref();
+    const rootStyles = computed(() => ['or-time-format-v3', ...TimeFormat]);
+    // Options
+    const resolvedFormat = computed(() => {
+      var _a;
+      return (_a = props.format) !== null && _a !== void 0 ? _a : inject(TimeFormat$1, DateTimePickerTimeFormat.Auto);
+    });
+    const resolvedLocale = computed(() => {
+      var _a;
+      return (_a = props.locale) !== null && _a !== void 0 ? _a : inject(Locale, navigator.language);
+    });
+    return {
+      root,
+      rootStyles,
+      resolvedFormat,
+      resolvedLocale,
+      formatTime
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles)
+  }, [_ctx.modelValue ? (openBlock(), createElementBlock(Fragment, {
+    key: 0
+  }, [createTextVNode(toDisplayString(_ctx.formatTime(_ctx.modelValue, _ctx.resolvedFormat, _ctx.resolvedLocale)), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock(Fragment, {
+    key: 1
+  }, [createTextVNode(toDisplayString(_ctx.placeholder), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */))], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-time-format-v3/OrTimeFormat.vue";
+
+export { script as s };

package/dist/esm/v3/{OrTimePicker-9dcd20dd.js → OrTimePicker-5f6111da.js}

@@ -1,20 +1,20 @@
-import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
+import { defineComponent, ref, computed, inject, watch, toRef } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-b2749f72.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-c6ea3195.js';
-import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-a1d75821.js';
+import { T as TimeFormat, L as Locale } from './OrDateTimePicker-c3544059.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-62e04a6c.js';
+import { a as DateTimePickerTimeFormat } from './getTimePlaceholder-9d18b5ac.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$6 } from './OrError-331220bc.js';
 import { s as script$7 } from './OrHint-262c8217.js';
 import { s as script$9 } from './OrIconButton-bc7ebce6.js';
 import { s as script$8 } from './OrIcon-c446d072.js';
 import { s as script$a, a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$b } from './OrLabel-02aa56ad.js';
+import { s as script$b } from './OrLabel-59d09591.js';
 import { s as script$c } from './OrPopover-93803a23.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 
@@ -51,12 +51,16 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: Date,
+      type: undefined,
       default: undefined
     },
     format: {
       type: String,
-      default: () => DateTimePickerTimeFormat.Auto
+      default: undefined
+    },
+    locale: {
+      type: String,
+      default: undefined
     },
     hoursFilter: {
       type: Function,
@@ -103,8 +107,9 @@ var script = defineComponent({
   expose: ['root', 'focus', 'blur'],
   setup(props, context) {
     var _a;
-    // Refs
+    // Refs & Styles
     const root = ref();
+    const rootStyles = computed(() => ['or-time-picker-v3', ...TimePicker]);
     const inputBox = ref();
     const inputBoxRoot = computed(() => {
       var _a;
@@ -115,9 +120,16 @@ var script = defineComponent({
       var _a;
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
     });
-    // Styles
-    const rootStyles = computed(() => ['or-time-picker-v3', ...TimePicker]);
     const popoverStyles = computed(() => ['or-time-picker-popover-v3', ...TimePickerPopover]);
+    // Options
+    const resolvedFormat = computed(() => {
+      var _a;
+      return (_a = props.format) !== null && _a !== void 0 ? _a : inject(TimeFormat, DateTimePickerTimeFormat.Auto);
+    });
+    const resolvedLocale = computed(() => {
+      var _a;
+      return (_a = props.locale) !== null && _a !== void 0 ? _a : inject(Locale, navigator.language);
+    });
     // State
     const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
     watch(() => props.modelValue, value => {
@@ -163,7 +175,7 @@ var script = defineComponent({
     }
     function formatTimeAlt(value) {
       var _a;
-      return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString(navigator.language, {
+      return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString(resolvedLocale.value, {
         timeStyle: 'short',
         hourCycle: props.format !== DateTimePickerTimeFormat.Auto ? props.format : undefined,
         timeZone: 'UTC'
@@ -171,12 +183,14 @@ var script = defineComponent({
     }
     return {
       root,
+      rootStyles,
       inputBox,
       inputBoxRoot,
       popover,
       popoverState,
-      rootStyles,
       popoverStyles,
+      resolvedFormat,
+      resolvedLocale,
       initialValue,
       proxyModelValue,
       draftModelValue,
@@ -245,12 +259,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       modelValue: _ctx.draftModelValue,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event),
       class: normalizeClass(['!border-0']),
-      format: _ctx.format,
+      format: _ctx.resolvedFormat,
+      locale: _ctx.resolvedLocale,
       selected: _ctx.popover && _ctx.popover.state === 'open',
       required: _ctx.required,
       readonly: _ctx.readonly,
       disabled: _ctx.disabled
-    }, null, 8 /* PROPS */, ["modelValue", "format", "selected", "required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.openPopover], [_directive_dropdown_close, _ctx.closePopover]]), createVNode(_component_OrPopover, {
+    }, null, 8 /* PROPS */, ["modelValue", "format", "locale", "selected", "required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.openPopover], [_directive_dropdown_close, _ctx.closePopover]]), createVNode(_component_OrPopover, {
       ref: 'popover',
       class: normalizeClass(_ctx.popoverStyles),
       "custom-styles": _ctx.popoverStyles,
@@ -277,10 +292,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         modelValue: _ctx.draftModelValue,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.draftModelValue = $event),
         "initial-value": _ctx.initialValue,
-        format: _ctx.format,
+        format: _ctx.resolvedFormat,
+        locale: _ctx.resolvedLocale,
         "hours-filter": _ctx.hoursFilter,
         "minutes-filter": _ctx.minutesFilter
-      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "hours-filter", "minutes-filter"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "hours-filter", "minutes-filter"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
         disabled: _ctx.isInvalidDraftModelValue,
         onApply: _cache[2] || (_cache[2] = $event => {
           _ctx.apply();

package/dist/esm/v3/{OrTimeRangePicker-1f6509eb.js → OrTimeRangePicker-0d79f664.js}

@@ -1,20 +1,20 @@
-import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
+import { defineComponent, ref, computed, inject, watch, toRef } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-b2749f72.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-c6ea3195.js';
-import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-a1d75821.js';
+import { T as TimeFormat, L as Locale } from './OrDateTimePicker-c3544059.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-62e04a6c.js';
+import { a as DateTimePickerTimeFormat } from './getTimePlaceholder-9d18b5ac.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$6 } from './OrError-331220bc.js';
 import { s as script$7 } from './OrHint-262c8217.js';
 import { s as script$9 } from './OrIconButton-bc7ebce6.js';
 import { s as script$8 } from './OrIcon-c446d072.js';
 import { s as script$a, a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$b } from './OrLabel-02aa56ad.js';
+import { s as script$b } from './OrLabel-59d09591.js';
 import { s as script$c } from './OrPopover-93803a23.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, createElementVNode, Fragment } from 'vue';
 
@@ -51,12 +51,16 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: Object,
+      type: undefined,
       default: undefined
     },
     format: {
       type: String,
-      default: () => DateTimePickerTimeFormat.Auto
+      default: undefined
+    },
+    locale: {
+      type: String,
+      default: undefined
     },
     size: {
       type: String,
@@ -94,9 +98,10 @@ var script = defineComponent({
   emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur'],
   expose: ['root', 'focus', 'blur'],
   setup(props, context) {
-    var _a, _b;
-    // Refs
+    var _a, _b, _c, _d, _e;
+    // Refs & Styles
     const root = ref();
+    const rootStyles = computed(() => ['or-time-range-picker-v3', ...TimeRangePicker]);
     const inputBox = ref();
     const inputBoxRoot = computed(() => {
       var _a;
@@ -107,16 +112,26 @@ var script = defineComponent({
       var _a;
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
     });
-    // Styles
-    const rootStyles = computed(() => ['or-time-range-picker-v3', ...TimeRangePicker]);
     const popoverStyles = computed(() => ['or-time-range-picker-popover-v3', ...TimeRangePickerPopover]);
+    // Options
+    const resolvedFormat = computed(() => {
+      var _a;
+      return (_a = props.format) !== null && _a !== void 0 ? _a : inject(TimeFormat, DateTimePickerTimeFormat.Auto);
+    });
+    const resolvedLocale = computed(() => {
+      var _a;
+      return (_a = props.locale) !== null && _a !== void 0 ? _a : inject(Locale, navigator.language);
+    });
     // State
-    const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : [getCurrentDate(), getCurrentDate()]);
+    const initialValueFrom = ref((_b = (_a = props.modelValue) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : getCurrentDate());
+    const initialValueTo = ref((_d = (_c = props.modelValue) === null || _c === void 0 ? void 0 : _c[1]) !== null && _d !== void 0 ? _d : getCurrentDate());
     watch(() => props.modelValue, value => {
-      initialValue.value = value !== null && value !== void 0 ? value : [getCurrentDate(), getCurrentDate()];
+      var _a, _b;
+      initialValueFrom.value = (_a = value === null || value === void 0 ? void 0 : value[0]) !== null && _a !== void 0 ? _a : getCurrentDate();
+      initialValueTo.value = (_b = value === null || value === void 0 ? void 0 : value[1]) !== null && _b !== void 0 ? _b : getCurrentDate();
     });
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const draftModelValue = ref((_b = proxyModelValue.value) !== null && _b !== void 0 ? _b : [undefined, undefined]);
+    const draftModelValue = ref((_e = proxyModelValue.value) !== null && _e !== void 0 ? _e : [undefined, undefined]);
     watch(proxyModelValue, value => {
       draftModelValue.value = value !== null && value !== void 0 ? value : [undefined, undefined];
     });
@@ -164,7 +179,7 @@ var script = defineComponent({
     }
     function formatTimeAlt(value) {
       var _a;
-      return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString(navigator.language, {
+      return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString(resolvedLocale.value, {
         timeStyle: 'short',
         hourCycle: props.format !== DateTimePickerTimeFormat.Auto ? props.format : undefined,
         timeZone: 'UTC'
@@ -177,13 +192,16 @@ var script = defineComponent({
     } = useResponsive();
     return {
       root,
+      rootStyles,
       inputBox,
       inputBoxRoot,
       popover,
       popoverState,
-      rootStyles,
       popoverStyles,
-      initialValue,
+      resolvedFormat,
+      resolvedLocale,
+      initialValueFrom,
+      initialValueTo,
       proxyModelValue,
       draftModelValue,
       draftModelValueFrom,
@@ -259,21 +277,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       modelValue: _ctx.draftModelValueFrom,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValueFrom = $event),
       class: normalizeClass(['!border-0']),
-      format: _ctx.format,
+      format: _ctx.resolvedFormat,
+      locale: _ctx.resolvedLocale,
       selected: _ctx.popover && _ctx.popover.state === 'open' && _ctx.selectedControl === 'from',
       required: _ctx.required,
       readonly: _ctx.readonly,
       disabled: _ctx.disabled
-    }, null, 8 /* PROPS */, ["modelValue", "format", "selected", "required", "readonly", "disabled"]), [[_directive_dropdown_open, () => _ctx.openPopover('from')], [_directive_dropdown_close, _ctx.closePopover]]), createTextVNode(" - "), withDirectives(createVNode(_component_OrDateTimePickerTimeControl, {
+    }, null, 8 /* PROPS */, ["modelValue", "format", "locale", "selected", "required", "readonly", "disabled"]), [[_directive_dropdown_open, () => _ctx.openPopover('from')], [_directive_dropdown_close, _ctx.closePopover]]), createTextVNode(" - "), withDirectives(createVNode(_component_OrDateTimePickerTimeControl, {
       modelValue: _ctx.draftModelValueTo,
       "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.draftModelValueTo = $event),
       class: normalizeClass(['!border-0']),
-      format: _ctx.format,
+      format: _ctx.resolvedFormat,
+      locale: _ctx.resolvedLocale,
       selected: _ctx.popover && _ctx.popover.state === 'open' && _ctx.selectedControl === 'to',
       required: _ctx.required,
       readonly: _ctx.readonly,
       disabled: _ctx.disabled
-    }, null, 8 /* PROPS */, ["modelValue", "format", "selected", "required", "readonly", "disabled"]), [[_directive_dropdown_open, () => _ctx.openPopover('to')], [_directive_dropdown_close, _ctx.closePopover]]), createVNode(_component_OrPopover, {
+    }, null, 8 /* PROPS */, ["modelValue", "format", "locale", "selected", "required", "readonly", "disabled"]), [[_directive_dropdown_open, () => _ctx.openPopover('to')], [_directive_dropdown_close, _ctx.closePopover]]), createVNode(_component_OrPopover, {
       ref: 'popover',
       class: normalizeClass(_ctx.popoverStyles),
       "custom-styles": _ctx.popoverStyles,
@@ -309,16 +329,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         modelValue: _ctx.draftModelValueFrom,
         "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.draftModelValueFrom = $event),
         class: normalizeClass(['grow']),
-        "initial-value": _ctx.initialValue[0],
-        format: _ctx.format
-      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format"])) : createCommentVNode("v-if", true), _ctx.isDesktop || _ctx.isMobile && _ctx.selectedControl === 'to' ? (openBlock(), createBlock(_component_OrDateTimePickerTimeSelect, {
+        "initial-value": _ctx.initialValueFrom,
+        format: _ctx.resolvedFormat,
+        locale: _ctx.resolvedLocale
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale"])) : createCommentVNode("v-if", true), _ctx.isDesktop || _ctx.isMobile && _ctx.selectedControl === 'to' ? (openBlock(), createBlock(_component_OrDateTimePickerTimeSelect, {
         key: 1,
         modelValue: _ctx.draftModelValueTo,
         "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => _ctx.draftModelValueTo = $event),
         class: normalizeClass(['grow']),
-        "initial-value": _ctx.initialValue[1],
-        format: _ctx.format
-      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format"])) : createCommentVNode("v-if", true)]), createVNode(_component_OrDateTimePickerPopoverFooter, {
+        "initial-value": _ctx.initialValueTo,
+        format: _ctx.resolvedFormat,
+        locale: _ctx.resolvedLocale
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale"])) : createCommentVNode("v-if", true)]), createVNode(_component_OrDateTimePickerPopoverFooter, {
         disabled: _ctx.isInvalidDraftModelValue,
         onApply: _cache[6] || (_cache[6] = $event => {
           _ctx.apply();

package/dist/esm/v3/components/index.js

@@ -8,12 +8,12 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-c95aef65.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-a2ba0b3e.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-7eecfe1b.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-853aaa1c.js';
 export { C as CardPadding, s as OrCardV3 } from '../OrCard-c2ef331b.js';
 export { s as OrCheckbox } from '../OrCheckbox-42ed332c.js';
-export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-ba429495.js';
-export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree-e3b760d1.js';
-export { s as OrCheckboxV3 } from '../OrCheckbox-91bc37d7.js';
+export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-4f9235bb.js';
+export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree-129603b3.js';
+export { s as OrCheckboxV3 } from '../OrCheckbox-637049b9.js';
 export { s as OrChip } from '../OrChip-2e26629d.js';
 export { s as OrChips } from '../OrChips-58954587.js';
 export { s as OrCode, O as OrCodeLanguages } from '../OrCode-90e43a20.js';
@@ -22,23 +22,23 @@ export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
 export { html } from '@codemirror/lang-html';
-export { C as CodeLanguage, s as OrCodeV3 } from '../OrCode-590736cc.js';
+export { C as CodeLanguage, s as OrCodeV3 } from '../OrCode-79ec7fc2.js';
 export { EditorView } from '@codemirror/view';
 export { EditorState } from '@codemirror/state';
 export { s as OrCollapse } from '../OrCollapse-d7c0afae.js';
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-7e1067a0.js';
-export { s as OrCombinedInputV3 } from '../OrCombinedInput-1a22e413.js';
+export { s as OrCombinedInputV3 } from '../OrCombinedInput-391b1de9.js';
 export { s as OrConfirm } from '../OrConfirm-c63285a6.js';
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-fdc47d05.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-7333b2ff.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-78d02563.js';
-export { s as OrDateFormatV3 } from '../OrDateFormat-755671ca.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker-a65e349c.js';
-export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-06b39fc4.js';
-export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormat-3408f038.js';
+export { s as OrDateFormatV3 } from '../OrDateFormat-3ef8c5c3.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker-1d21985d.js';
+export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-fb715f58.js';
+export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormat-595566fa.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-45bc8bd3.js';
-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';
 export { D as DropAreaSize, s as OrDropAreaV3 } from '../OrDropArea-ed2a1928.js';
@@ -51,7 +51,7 @@ export { s as OrErrorV3 } from '../OrError-331220bc.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-3281fa33.js';
 export { F as FabColor, s as OrFabV3 } from '../OrFab-3d860eef.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-c875c590.js';
-export { F as FormGroupDirection, s as OrFormGroupV3 } from '../OrFormGroup-17c3cc0a.js';
+export { F as FormGroupDirection, s as OrFormGroupV3 } from '../OrFormGroup-230f2015.js';
 export { s as OrHint } from '../OrHint-8822005b.js';
 export { s as OrHintV3 } from '../OrHint-262c8217.js';
 export { s as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-eb0a5aa2.js';
@@ -63,13 +63,13 @@ export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInli
 export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-7321d8d3.js';
 export { s as OrInput } from '../OrInput-2c3111c2.js';
 export { a as InputBoxSize, I as InputBoxVariant, s as OrInputBoxV3 } from '../OrInputBox-287f97ba.js';
-export { I as InputType, s as OrInputV3 } from '../OrInput-89bb16d6.js';
+export { I as InputType, s as OrInputV3 } from '../OrInput-89162a71.js';
 export { s as OrLabel } from '../OrLabel-a7d99df4.js';
-export { L as LabelVariant, s as OrLabelV3 } from '../OrLabel-02aa56ad.js';
+export { L as LabelVariant, s as OrLabelV3 } from '../OrLabel-59d09591.js';
 export { L as LinkColor, s as OrLinkV3 } from '../OrLink-c83a51b2.js';
 export { s as OrList } from '../OrList-59f4430e.js';
 export { s as OrListOfInputs } from '../OrListOfInputs-c557cd79.js';
-export { s as OrListV3 } from '../OrList-384bf436.js';
+export { s as OrListV3 } from '../OrList-75b5e6ac.js';
 export { s as OrListItem } from '../OrListItem-12e21bc6.js';
 export { L as LoaderViews, s as OrLoader } from '../OrLoader-0b463089.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../OrLoader-5e2f359b.js';
@@ -91,17 +91,17 @@ export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '..
 export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-0939955c.js';
 export { s as OrRadio } from '../OrRadio-40bf2c87.js';
 export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
-export { s as OrRadioGroupV3 } from '../OrRadioGroup-6a5af61f.js';
-export { s as OrRadioV3 } from '../OrRadio-160d7841.js';
+export { s as OrRadioGroupV3 } from '../OrRadioGroup-2648ef67.js';
+export { s as OrRadioV3 } from '../OrRadio-a7bb97f7.js';
 export { s as OrRangeSliderV3 } from '../OrRangeSlider-1284dce6.js';
 export { s as OrRatingV3 } from '../OrRating-640f9e87.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanel-e107f883.js';
-export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-87baa915.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-56c41be2.js';
 export { s as OrSearch } from '../OrSearch-54a642d3.js';
-export { s as OrSearchV3 } from '../OrSearch-42922cb7.js';
+export { s as OrSearchV3 } from '../OrSearch-169317ea.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-4b163ea9.js';
 export { s as OrSelect } from '../OrSelect-4f2ea2f2.js';
-export { s as OrSelectV3 } from '../OrSelect-27ede5ab.js';
+export { s as OrSelectV3 } from '../OrSelect-cb207029.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-4ab42b93.js';
 export { s as OrSidebarV3, S as SidebarPlacement } from '../props-3212cd17.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';
@@ -117,25 +117,25 @@ export { s as OrSortingV3 } from '../OrSorting-c8fa584a.js';
 export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatus-a33a7e88.js';
 export { s as OrStepper } from '../OrStepper-b2d7dd2d.js';
 export { s as OrSwitch } from '../OrSwitch-05fe7681.js';
-export { s as OrSwitchV3 } from '../OrSwitch-43616cd3.js';
+export { s as OrSwitchV3 } from '../OrSwitch-bd2093d2.js';
 export { s as OrTab } from '../OrTab-d8d4e871.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem-c2af7ca3.js';
 export { s as OrTabV3 } from '../OrTab-74a9bd5b.js';
 export { s as OrTabs } from '../OrTabs-3da3ea89.js';
 export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-bc0fc18a.js';
 export { s as OrTag } from '../OrTag-04abf6a7.js';
-export { s as OrTagInputV3 } from '../OrTagInput-e768c2d1.js';
+export { s as OrTagInputV3 } from '../OrTagInput-c68c8430.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-a29c2113.js';
 export { s as OrTagsV3, T as TagsOverflow } from '../OrTags-215da9e7.js';
 export { s as OrTeleport } from '../OrTeleport.vue3-9bce0c02.js';
 export { s as OrTeleportV3 } from '../OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from '../OrText-ea114c19.js';
 export { s as OrTextarea } from '../OrTextarea-7a753c1a.js';
-export { s as OrTextareaV3 } from '../OrTextarea-97b57866.js';
+export { s as OrTextareaV3 } from '../OrTextarea-d5beb823.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-9524352e.js';
-export { s as OrTimeFormatV3 } from '../OrTimeFormat-ef653117.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker-9dcd20dd.js';
-export { s as OrTimeRangePickerV3 } from '../OrTimeRangePicker-1f6509eb.js';
+export { s as OrTimeFormatV3 } from '../OrTimeFormat-25c748db.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker-5f6111da.js';
+export { s as OrTimeRangePickerV3 } from '../OrTimeRangePicker-0d79f664.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-71ba538b.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-05a9c81b.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-bd194714.js';

package/dist/esm/v3/components/or-card-collection-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-7eecfe1b.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-853aaa1c.js';
 import 'vue-demi';
 import '../../OrIconButton-bc7ebce6.js';
 import '../../OrIcon-c446d072.js';
@@ -22,15 +22,15 @@ import '../../useTheme-0ef25778.js';
 import '../../isPrevented-6994b101.js';
 import '../../isAncestor-9acec98b.js';
 import '../../OrLoader-5e2f359b.js';
-import '../../OrSearch-42922cb7.js';
+import '../../OrSearch-169317ea.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useProxyModelValue-940010d2.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrInputBox-287f97ba.js';
-import '../../OrInput-89bb16d6.js';
+import '../../OrInput-89162a71.js';
 import '../../OrError-331220bc.js';
 import '../../OrHint-262c8217.js';
-import '../../OrLabel-02aa56ad.js';
+import '../../OrLabel-59d09591.js';
 import '../../style-inject.es-4c6f2515.js';
 import '../../OrSorting-c8fa584a.js';
 import '../../OrButton-c95aef65.js';