@onereach/ui-components 4.4.4-beta.2732.0 → 4.4.4-beta.2733.0

package/dist/bundled/v2/{OrDateTimePickerMonthSelect-75089f80.js → OrDateTimePickerMonthSelect-5fa6caa0.js}

@@ -87,17 +87,14 @@ var __vue_render__$2 = function () {
     ref: "root",
     class: _vm.rootStyles,
     attrs: {
-      "contenteditable": !_vm.disabled ? '' : null,
+      "contenteditable": '',
       "required": _vm.required ? '' : null,
       "readonly": _vm.readonly ? '' : null,
       "disabled": _vm.disabled ? '' : null
     }
   }, [_vm.proxyModelValue ? [_vm._v("\n    " + _vm._s(_vm.formatModelValue(_vm.proxyModelValue)) + "\n  ")] : [_c('span', {
-    class: _vm.placeholderStyles,
-    attrs: {
-      "disabled": _vm.disabled ? '' : null
-    }
-  }, [_vm._v("\n      " + _vm._s(_vm.placeholder) + "\n    ")])]], 2);
+    class: _vm.placeholderStyles
+  }, [_vm._v(_vm._s(_vm.placeholder))])]], 2);
 };
 var __vue_staticRenderFns__$2 = [];
 

package/dist/bundled/v2/{OrDateTimePickerTimeSelect-3d0ef650.js → OrDateTimePickerTimeSelect-aa60911c.js}

@@ -83,17 +83,14 @@ var __vue_render__$1 = function () {
     ref: "root",
     class: _vm.rootStyles,
     attrs: {
-      "contenteditable": !_vm.disabled ? '' : null,
+      "contenteditable": '',
       "required": _vm.required ? '' : null,
       "readonly": _vm.readonly ? '' : null,
       "disabled": _vm.disabled ? '' : null
     }
   }, [_vm.proxyModelValue ? [_vm._v("\n    " + _vm._s(_vm.formatModelValue(_vm.proxyModelValue)) + "\n  ")] : [_c('span', {
-    class: _vm.placeholderStyles,
-    attrs: {
-      "disabled": _vm.disabled ? '' : null
-    }
-  }, [_vm._v("\n      " + _vm._s(_vm.placeholder) + "\n    ")])]], 2);
+    class: _vm.placeholderStyles
+  }, [_vm._v(_vm._s(_vm.placeholder))])]], 2);
 };
 var __vue_staticRenderFns__$1 = [];
 

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-75089f80.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-5fa6caa0.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import { DatePicker, DatePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
@@ -236,6 +236,17 @@ var __vue_render__ = function () {
       proxy: true
     }], null, true)
   }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
+    directives: [{
+      name: "dropdown-open",
+      rawName: "v-dropdown-open",
+      value: _vm.togglePopover,
+      expression: "togglePopover"
+    }, {
+      name: "dropdown-close",
+      rawName: "v-dropdown-close",
+      value: _vm.closePopover,
+      expression: "closePopover"
+    }],
     ref: "inputBox",
     attrs: {
       "variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',

package/dist/bundled/v2/components/OrDatePickerV3/index.js

@@ -2,7 +2,7 @@ export { default as OrDatePickerV3 } from './OrDatePicker.js';
 export { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-75089f80.js';
+import '../../OrDateTimePickerMonthSelect-5fa6caa0.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV3/OrButton.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from './hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-75089f80.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-5fa6caa0.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-3d0ef650.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-aa60911c.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -287,6 +287,17 @@ var __vue_render__ = function () {
       proxy: true
     }], null, true)
   }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
+    directives: [{
+      name: "dropdown-open",
+      rawName: "v-dropdown-open",
+      value: _vm.toggleDatePopover,
+      expression: "toggleDatePopover"
+    }, {
+      name: "dropdown-close",
+      rawName: "v-dropdown-close",
+      value: _vm.closeDatePopover,
+      expression: "closeDatePopover"
+    }],
     ref: "inputBox",
     attrs: {
       "variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',

package/dist/bundled/v2/components/OrDateTimePickerV3/index.js

@@ -2,7 +2,7 @@ export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-75089f80.js';
+import '../../OrDateTimePickerMonthSelect-5fa6caa0.js';
 import './hooks/useDatePlaceholder.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV3/OrButton.js';
@@ -42,7 +42,7 @@ import '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-3d0ef650.js';
+import '../../OrDateTimePickerTimeSelect-aa60911c.js';
 import './hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-3d0ef650.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-aa60911c.js';
 import { TimePicker, TimePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -227,6 +227,17 @@ var __vue_render__ = function () {
       proxy: true
     }], null, true)
   }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
+    directives: [{
+      name: "dropdown-open",
+      rawName: "v-dropdown-open",
+      value: _vm.togglePopover,
+      expression: "togglePopover"
+    }, {
+      name: "dropdown-close",
+      rawName: "v-dropdown-close",
+      value: _vm.closePopover,
+      expression: "closePopover"
+    }],
     ref: "inputBox",
     attrs: {
       "variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',

package/dist/bundled/v2/components/OrTimePickerV3/index.js

@@ -14,7 +14,7 @@ import '../OrLoaderV3/OrLoader.js';
 import '@vueuse/core';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-3d0ef650.js';
+import '../../OrDateTimePickerTimeSelect-aa60911c.js';
 import '../OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/index.js

@@ -213,13 +213,13 @@ import './OrColorPicker/utils/defultPalette.js';
 import '../index-968c331a.js';
 import './OrConfirmV3/styles.js';
 import './OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../OrDateTimePickerMonthSelect-75089f80.js';
+import '../OrDateTimePickerMonthSelect-5fa6caa0.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import './OrDatePickerV3/styles.js';
 import '../directives/dropdown-close.js';
 import '../directives/dropdown-open.js';
-import '../OrDateTimePickerTimeSelect-3d0ef650.js';
+import '../OrDateTimePickerTimeSelect-aa60911c.js';
 import './OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './OrDateTimePickerV3/styles.js';
 import './OrEmptyStateV3/styles.js';

package/dist/bundled/v2/index.js

@@ -194,13 +194,13 @@ import './components/OrColorPicker/utils/defultPalette.js';
 import './index-968c331a.js';
 import './components/OrConfirmV3/styles.js';
 import './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import './OrDateTimePickerMonthSelect-75089f80.js';
+import './OrDateTimePickerMonthSelect-5fa6caa0.js';
 import './components/OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import './OrDateTimePickerPopoverHeader-7c87f38a.js';
 import './components/OrDatePickerV3/styles.js';
 import './utils/functions/dom.js';
 import './utils/functions/px-to-rem.js';
-import './OrDateTimePickerTimeSelect-3d0ef650.js';
+import './OrDateTimePickerTimeSelect-aa60911c.js';
 import './components/OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './components/OrDateTimePickerV3/styles.js';
 import './components/OrEmptyStateV3/styles.js';

package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-d071d109.js → OrDatePicker.vue_vue_type_script_lang-33719f37.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-387c2096.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-fe878127.js';
 import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-f81b902f.js';
 import { DatePicker, DatePickerPopover } from './components/OrDatePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-8aa80833.js → OrDateTimePicker.vue_vue_type_script_lang-ef95eeb6.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-387c2096.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-fe878127.js';
 import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-f81b902f.js';
-import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-8bdb97b7.js';
+import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-b962e4d5.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './components/OrDateTimePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';

package/dist/bundled/v3/{OrDateTimePickerMonthSelect-387c2096.js → OrDateTimePickerMonthSelect-fe878127.js}

@@ -80,13 +80,12 @@ var script$2 = defineComponent({
   }
 });
 
-const _hoisted_1$1 = ["contenteditable", "required", "readonly", "disabled"];
-const _hoisted_2 = ["disabled"];
+const _hoisted_1$1 = ["required", "readonly", "disabled"];
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles),
-    contenteditable: !_ctx.disabled ? '' : null,
+    contenteditable: '',
     required: _ctx.required ? '' : null,
     readonly: _ctx.readonly ? '' : null,
     disabled: _ctx.disabled ? '' : null
@@ -94,9 +93,8 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0
   }, [createTextVNode(toDisplayString(_ctx.formatModelValue(_ctx.proxyModelValue)), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
     key: 1,
-    class: normalizeClass(_ctx.placeholderStyles),
-    disabled: _ctx.disabled ? '' : null
-  }, toDisplayString(_ctx.placeholder), 11 /* TEXT, CLASS, PROPS */, _hoisted_2))], 10 /* CLASS, PROPS */, _hoisted_1$1);
+    class: normalizeClass(_ctx.placeholderStyles)
+  }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 10 /* CLASS, PROPS */, _hoisted_1$1);
 }
 
 script$2.render = render$2;

package/dist/bundled/v3/{OrDateTimePickerTimeSelect-8bdb97b7.js → OrDateTimePickerTimeSelect-b962e4d5.js}

@@ -72,13 +72,12 @@ var script$1 = defineComponent({
   }
 });
 
-const _hoisted_1 = ["contenteditable", "required", "readonly", "disabled"];
-const _hoisted_2 = ["disabled"];
+const _hoisted_1 = ["required", "readonly", "disabled"];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles),
-    contenteditable: !_ctx.disabled ? '' : null,
+    contenteditable: '',
     required: _ctx.required ? '' : null,
     readonly: _ctx.readonly ? '' : null,
     disabled: _ctx.disabled ? '' : null
@@ -86,9 +85,8 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0
   }, [createTextVNode(toDisplayString(_ctx.formatModelValue(_ctx.proxyModelValue)), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
     key: 1,
-    class: normalizeClass(_ctx.placeholderStyles),
-    disabled: _ctx.disabled ? '' : null
-  }, toDisplayString(_ctx.placeholder), 11 /* TEXT, CLASS, PROPS */, _hoisted_2))], 10 /* CLASS, PROPS */, _hoisted_1);
+    class: normalizeClass(_ctx.placeholderStyles)
+  }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 10 /* CLASS, PROPS */, _hoisted_1);
 }
 
 script$1.render = render$1;

package/dist/bundled/v3/{OrTimePicker.vue_vue_type_script_lang-c52a2a0b.js → OrTimePicker.vue_vue_type_script_lang-dd7222e8.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
 import { s as script$1, a as script$2, b as script$3 } from './OrDateTimePickerPopoverHeader-f81b902f.js';
-import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-8bdb97b7.js';
+import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-b962e4d5.js';
 import { TimePicker, TimePickerPopover } from './components/OrTimePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';

package/dist/bundled/v3/components/OrDatePickerV3/OrDatePicker.js

@@ -1,9 +1,9 @@
-import { s as script } from '../../OrDatePicker.vue_vue_type_script_lang-d071d109.js';
-export { s as default } from '../../OrDatePicker.vue_vue_type_script_lang-d071d109.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
+import { s as script } from '../../OrDatePicker.vue_vue_type_script_lang-33719f37.js';
+export { s as default } from '../../OrDatePicker.vue_vue_type_script_lang-33719f37.js';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, createElementVNode, withModifiers, Fragment } from 'vue';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-387c2096.js';
+import '../../OrDateTimePickerMonthSelect-fe878127.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../OrButtonV3/OrButton.js';
 import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
@@ -102,7 +102,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
+  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
     ref: "inputBox",
     variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
     size: _ctx.size,
@@ -171,7 +171,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       variant: 'outlined'
     }))])]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.togglePopover], [_directive_dropdown_close, _ctx.closePopover]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
     key: 1
   }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,

package/dist/bundled/v3/components/OrDatePickerV3/index.js

@@ -1,8 +1,8 @@
-export { s as OrDatePickerV3 } from '../../OrDatePicker.vue_vue_type_script_lang-d071d109.js';
+export { s as OrDatePickerV3 } from '../../OrDatePicker.vue_vue_type_script_lang-33719f37.js';
 export { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-387c2096.js';
+import '../../OrDateTimePickerMonthSelect-fe878127.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import 'vue';
 import '../OrButtonV3/OrButton.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,9 +1,9 @@
-import { s as script } from '../../OrDateTimePicker.vue_vue_type_script_lang-8aa80833.js';
-export { s as default } from '../../OrDateTimePicker.vue_vue_type_script_lang-8aa80833.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
+import { s as script } from '../../OrDateTimePicker.vue_vue_type_script_lang-ef95eeb6.js';
+export { s as default } from '../../OrDateTimePicker.vue_vue_type_script_lang-ef95eeb6.js';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, createElementVNode, withModifiers, Fragment } from 'vue';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-387c2096.js';
+import '../../OrDateTimePickerMonthSelect-fe878127.js';
 import './hooks/useDatePlaceholder.js';
 import '../OrButtonV3/OrButton.js';
 import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
@@ -53,7 +53,7 @@ import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-8bdb97b7.js';
+import '../../OrDateTimePickerTimeSelect-b962e4d5.js';
 import './hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';
@@ -106,7 +106,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
+  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
     ref: "inputBox",
     variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
     size: _ctx.size,
@@ -231,7 +231,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       variant: 'outlined'
     }))])]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggleDatePopover], [_directive_dropdown_close, _ctx.closeDatePopover]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
     key: 1
   }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,

package/dist/bundled/v3/components/OrDateTimePickerV3/index.js

@@ -1,8 +1,8 @@
-export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-8aa80833.js';
+export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-ef95eeb6.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-387c2096.js';
+import '../../OrDateTimePickerMonthSelect-fe878127.js';
 import './hooks/useDatePlaceholder.js';
 import 'vue';
 import '../OrButtonV3/OrButton.js';
@@ -53,7 +53,7 @@ import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-8bdb97b7.js';
+import '../../OrDateTimePickerTimeSelect-b962e4d5.js';
 import './hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

package/dist/bundled/v3/components/OrTimePickerV3/OrTimePicker.js

@@ -1,6 +1,6 @@
-import { s as script } from '../../OrTimePicker.vue_vue_type_script_lang-c52a2a0b.js';
-export { s as default } from '../../OrTimePicker.vue_vue_type_script_lang-c52a2a0b.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
+import { s as script } from '../../OrTimePicker.vue_vue_type_script_lang-dd7222e8.js';
+export { s as default } from '../../OrTimePicker.vue_vue_type_script_lang-dd7222e8.js';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, createElementVNode, withModifiers, Fragment } from 'vue';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
 import '../../OrDateTimePickerPopoverHeader-f81b902f.js';
@@ -17,7 +17,7 @@ import '../../OrLoader.vue_vue_type_script_lang-49907820.js';
 import '@vueuse/core';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-8bdb97b7.js';
+import '../../OrDateTimePickerTimeSelect-b962e4d5.js';
 import '../OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';
@@ -95,7 +95,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
+  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
     ref: "inputBox",
     variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
     size: _ctx.size,
@@ -159,7 +159,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       variant: 'outlined'
     }))])]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.togglePopover], [_directive_dropdown_close, _ctx.closePopover]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
     key: 1
   }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,

package/dist/bundled/v3/components/OrTimePickerV3/index.js

@@ -1,4 +1,4 @@
-export { s as OrTimePickerV3 } from '../../OrTimePicker.vue_vue_type_script_lang-c52a2a0b.js';
+export { s as OrTimePickerV3 } from '../../OrTimePicker.vue_vue_type_script_lang-dd7222e8.js';
 export { InputBoxSize as TimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
@@ -17,7 +17,7 @@ import '../../OrLoader.vue_vue_type_script_lang-49907820.js';
 import '@vueuse/core';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-8bdb97b7.js';
+import '../../OrDateTimePickerTimeSelect-b962e4d5.js';
 import '../OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

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

@@ -33,11 +33,11 @@ export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, gree
 export { s as OrConfirm } from '../OrConfirm.vue_vue_type_script_lang-e5a8f92a.js';
 export { s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-e1390930.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-d071d109.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-33719f37.js';
 export { InputBoxSize as DatePickerSize, InputBoxSize as DateTimePickerSize, InputBoxSize, InputBoxVariant, InputBoxSize as InputSize, InputBoxSize as SearchSize, InputBoxSize as SelectSize, InputBoxSize as TextareaSize, InputBoxSize as TimePickerSize } from './OrInputBoxV3/props.js';
 export { s as OrDateTimePicker } from '../OrDateTimePicker.vue_vue_type_script_lang-6fd7c75e.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-8aa80833.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-ef95eeb6.js';
 export { s as OrEmptyStateV3 } from '../OrEmptyState.vue_vue_type_script_lang-2c1f09ef.js';
 export { EmptyStateSize } from './OrEmptyStateV3/props.js';
 export { s as OrError } from '../OrError.vue_vue_type_script_lang-450321b8.js';
@@ -144,7 +144,7 @@ export { s as OrTextarea } from '../OrTextarea.vue_vue_type_script_lang-048cb245
 export { s as OrTextareaV3 } from '../OrTextarea.vue_vue_type_script_lang-f287189f.js';
 export { s as OrTextbox } from '../OrTextbox.vue_vue_type_script_lang-dad835c3.js';
 export { TextboxTypes } from './OrTextbox/constants.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker.vue_vue_type_script_lang-c52a2a0b.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker.vue_vue_type_script_lang-dd7222e8.js';
 export { default as OrToast } from './OrToast/OrToast.js';
 export { s as OrToastContainer } from '../OrToastContainer.vue_vue_type_script_lang-b8184db5.js';
 export { default as useToast } from './OrToast/composable/useToast.js';
@@ -248,13 +248,13 @@ import '../index-968c331a.js';
 import './OrButtonV2/OrButton.js';
 import './OrConfirmV3/styles.js';
 import './OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../OrDateTimePickerMonthSelect-387c2096.js';
+import '../OrDateTimePickerMonthSelect-fe878127.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../OrDateTimePickerPopoverHeader-f81b902f.js';
 import './OrDatePickerV3/styles.js';
 import '../directives/dropdown-close.js';
 import '../directives/dropdown-open.js';
-import '../OrDateTimePickerTimeSelect-8bdb97b7.js';
+import '../OrDateTimePickerTimeSelect-b962e4d5.js';
 import './OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './OrDateTimePickerV3/styles.js';
 import './OrEmptyStateV3/styles.js';

package/dist/bundled/v3/index.js

@@ -30,11 +30,11 @@ export { s as OrConfirm } from './OrConfirm.vue_vue_type_script_lang-e5a8f92a.js
 import './components/OrConfirmV3/OrConfirm.js';
 export { s as OrConfirmV3 } from './OrConfirm.vue_vue_type_script_lang-e1390930.js';
 import './components/OrDatePickerV3/OrDatePicker.js';
-export { s as OrDatePickerV3 } from './OrDatePicker.vue_vue_type_script_lang-d071d109.js';
+export { s as OrDatePickerV3 } from './OrDatePicker.vue_vue_type_script_lang-33719f37.js';
 import './components/OrDateTimePicker/OrDateTimePicker.js';
 export { s as OrDateTimePicker } from './OrDateTimePicker.vue_vue_type_script_lang-6fd7c75e.js';
 import './components/OrDateTimePickerV3/OrDateTimePicker.js';
-export { s as OrDateTimePickerV3 } from './OrDateTimePicker.vue_vue_type_script_lang-8aa80833.js';
+export { s as OrDateTimePickerV3 } from './OrDateTimePicker.vue_vue_type_script_lang-ef95eeb6.js';
 import './components/OrEmptyStateV3/OrEmptyState.js';
 export { s as OrEmptyStateV3 } from './OrEmptyState.vue_vue_type_script_lang-2c1f09ef.js';
 import './components/OrErrorTagV3/OrErrorTag.js';
@@ -124,7 +124,7 @@ export { s as OrTextareaV3 } from './OrTextarea.vue_vue_type_script_lang-f287189
 import './components/OrTextbox/OrTextbox.js';
 export { s as OrTextbox } from './OrTextbox.vue_vue_type_script_lang-dad835c3.js';
 import './components/OrTimePickerV3/OrTimePicker.js';
-export { s as OrTimePickerV3 } from './OrTimePicker.vue_vue_type_script_lang-c52a2a0b.js';
+export { s as OrTimePickerV3 } from './OrTimePicker.vue_vue_type_script_lang-dd7222e8.js';
 import './components/OrToastContainer/OrToastContainer.js';
 export { s as OrToastContainer } from './OrToastContainer.vue_vue_type_script_lang-b8184db5.js';
 export { default as useToast } from './components/OrToast/composable/useToast.js';
@@ -284,7 +284,7 @@ import './components/OrConfirmV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';
 import './components/OrInputV3/OrInput.js';
 import './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import './OrDateTimePickerMonthSelect-387c2096.js';
+import './OrDateTimePickerMonthSelect-fe878127.js';
 import './components/OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import './OrDateTimePickerPopoverHeader-f81b902f.js';
 import './components/OrDatePickerV3/styles.js';
@@ -293,7 +293,7 @@ import './components/OrPopoverV3/OrPopover.js';
 import './utils/functions/dom.js';
 import './utils/functions/px-to-rem.js';
 import './components/OrCollapse/OrCollapse.js';
-import './OrDateTimePickerTimeSelect-8bdb97b7.js';
+import './OrDateTimePickerTimeSelect-b962e4d5.js';
 import './components/OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './components/OrDateTimePickerV3/styles.js';
 import './components/OrEmptyStateV3/styles.js';

package/dist/esm/v2/{OrDatePicker-564505ef.js → OrDatePicker-ed38eb8d.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { _ as __vue_component__$3, a as __vue_component__$5, b as __vue_component__$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-9e49aba0.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-e35404a7.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-a3a0fb4e.js';
 import { _ as __vue_component__$7 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$8 } from './OrHint-aa221198.js';
 import { _ as __vue_component__$a } from './OrIconButton-ee747c71.js';
@@ -206,6 +206,17 @@ var __vue_render__ = function () {
       proxy: true
     }], null, true)
   }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
+    directives: [{
+      name: "dropdown-open",
+      rawName: "v-dropdown-open",
+      value: _vm.togglePopover,
+      expression: "togglePopover"
+    }, {
+      name: "dropdown-close",
+      rawName: "v-dropdown-close",
+      value: _vm.closePopover,
+      expression: "closePopover"
+    }],
     ref: "inputBox",
     attrs: {
       "variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',

package/dist/esm/v2/{OrDateTimePicker-3a624934.js → OrDateTimePicker-58f4a767.js}

@@ -9,8 +9,8 @@ import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe2
 import { _ as __vue_component__$e } from './OrLabel-63380256.js';
 import { _ as __vue_component__$f } from './OrPopover-80459663.js';
 import { _ as __vue_component__$3, a as __vue_component__$5, b as __vue_component__$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-9e49aba0.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-e35404a7.js';
-import { _ as __vue_component__$7, a as __vue_component__$8 } from './OrDateTimePickerTimeSelect-aed7d33d.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-a3a0fb4e.js';
+import { _ as __vue_component__$7, a as __vue_component__$8 } from './OrDateTimePickerTimeSelect-0b70d0df.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const DateTimePicker = [
@@ -259,6 +259,17 @@ var __vue_render__ = function () {
       proxy: true
     }], null, true)
   }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
+    directives: [{
+      name: "dropdown-open",
+      rawName: "v-dropdown-open",
+      value: _vm.toggleDatePopover,
+      expression: "toggleDatePopover"
+    }, {
+      name: "dropdown-close",
+      rawName: "v-dropdown-close",
+      value: _vm.closeDatePopover,
+      expression: "closeDatePopover"
+    }],
     ref: "inputBox",
     attrs: {
       "variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',

package/dist/esm/v2/{OrDateTimePickerMonthSelect-e35404a7.js → OrDateTimePickerMonthSelect-a3a0fb4e.js}

@@ -95,17 +95,14 @@ var __vue_render__$2 = function () {
     ref: "root",
     class: _vm.rootStyles,
     attrs: {
-      "contenteditable": !_vm.disabled ? '' : null,
+      "contenteditable": '',
       "required": _vm.required ? '' : null,
       "readonly": _vm.readonly ? '' : null,
       "disabled": _vm.disabled ? '' : null
     }
   }, [_vm.proxyModelValue ? [_vm._v("\n    " + _vm._s(_vm.formatModelValue(_vm.proxyModelValue)) + "\n  ")] : [_c('span', {
-    class: _vm.placeholderStyles,
-    attrs: {
-      "disabled": _vm.disabled ? '' : null
-    }
-  }, [_vm._v("\n      " + _vm._s(_vm.placeholder) + "\n    ")])]], 2);
+    class: _vm.placeholderStyles
+  }, [_vm._v(_vm._s(_vm.placeholder))])]], 2);
 };
 var __vue_staticRenderFns__$2 = [];
 

package/dist/esm/v2/{OrDateTimePickerTimeSelect-aed7d33d.js → OrDateTimePickerTimeSelect-0b70d0df.js}

@@ -90,17 +90,14 @@ var __vue_render__$1 = function () {
     ref: "root",
     class: _vm.rootStyles,
     attrs: {
-      "contenteditable": !_vm.disabled ? '' : null,
+      "contenteditable": '',
       "required": _vm.required ? '' : null,
       "readonly": _vm.readonly ? '' : null,
       "disabled": _vm.disabled ? '' : null
     }
   }, [_vm.proxyModelValue ? [_vm._v("\n    " + _vm._s(_vm.formatModelValue(_vm.proxyModelValue)) + "\n  ")] : [_c('span', {
-    class: _vm.placeholderStyles,
-    attrs: {
-      "disabled": _vm.disabled ? '' : null
-    }
-  }, [_vm._v("\n      " + _vm._s(_vm.placeholder) + "\n    ")])]], 2);
+    class: _vm.placeholderStyles
+  }, [_vm._v(_vm._s(_vm.placeholder))])]], 2);
 };
 var __vue_staticRenderFns__$1 = [];
 

package/dist/esm/v2/{OrTimePicker-196e9c5e.js → OrTimePicker-aaf19ad2.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-9e49aba0.js';
-import { _ as __vue_component__$4, a as __vue_component__$5 } from './OrDateTimePickerTimeSelect-aed7d33d.js';
+import { _ as __vue_component__$4, a as __vue_component__$5 } from './OrDateTimePickerTimeSelect-0b70d0df.js';
 import { _ as __vue_component__$6 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$7 } from './OrHint-aa221198.js';
 import { _ as __vue_component__$9 } from './OrIconButton-ee747c71.js';
@@ -201,6 +201,17 @@ var __vue_render__ = function () {
       proxy: true
     }], null, true)
   }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
+    directives: [{
+      name: "dropdown-open",
+      rawName: "v-dropdown-open",
+      value: _vm.togglePopover,
+      expression: "togglePopover"
+    }, {
+      name: "dropdown-close",
+      rawName: "v-dropdown-close",
+      value: _vm.closePopover,
+      expression: "closePopover"
+    }],
     ref: "inputBox",
     attrs: {
       "variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',

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

@@ -23,11 +23,11 @@ export { _ as OrCollapse } from '../OrCollapse-57c64292.js';
 export { _ 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-ca470d10.js';
 export { _ as OrConfirm } from '../OrConfirm-d0d9d56c.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-8ec55f84.js';
-export { _ as OrDatePickerV3 } from '../OrDatePicker-564505ef.js';
+export { _ as OrDatePickerV3 } from '../OrDatePicker-ed38eb8d.js';
 export { _ as OrInputBoxV3 } from '../OrInputBox-d36b1323.js';
 export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-77ef1975.js';
-export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-3a624934.js';
+export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-58f4a767.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../OrEmptyState-2d3fd68d.js';
 export { _ as OrError } from '../OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from '../OrErrorTag-a55ae01a.js';
@@ -106,7 +106,7 @@ export { _ as OrTextV3 } from '../OrText-44449e7b.js';
 export { _ as OrTextarea } from '../OrTextarea-226ab7a2.js';
 export { _ as OrTextareaV3 } from '../OrTextarea-800f63d4.js';
 export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-90badc95.js';
-export { _ as OrTimePickerV3 } from '../OrTimePicker-196e9c5e.js';
+export { _ as OrTimePickerV3 } from '../OrTimePicker-aaf19ad2.js';
 export { _ as OrToast, a as OrToastContainer } from '../OrToastContainer-2f530752.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-b5ea5cb2.js';
 export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../types-4a7d24f3.js';
@@ -142,8 +142,8 @@ import '../dom-7a41831b.js';
 import '@vueuse/math';
 import '../dropdown-open-e1f90e0a.js';
 import '../OrDateTimePickerPopoverHeader-9e49aba0.js';
-import '../OrDateTimePickerMonthSelect-e35404a7.js';
-import '../OrDateTimePickerTimeSelect-aed7d33d.js';
+import '../OrDateTimePickerMonthSelect-a3a0fb4e.js';
+import '../OrDateTimePickerTimeSelect-0b70d0df.js';
 import '@floating-ui/dom';
 import '../OrTooltip.vue_rollup-plugin-vue_styles.0-a256ac18.js';
 import '../useValidationAttributes-d1abbe34.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrDatePickerV3 } from '../../OrDatePicker-564505ef.js';
+export { _ as OrDatePickerV3 } from '../../OrDatePicker-ed38eb8d.js';
 export { I as DatePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -8,7 +8,7 @@ import '../../normalize-component-6e8e3d80.js';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
 import '@vueuse/core';
-import '../../OrDateTimePickerMonthSelect-e35404a7.js';
+import '../../OrDateTimePickerMonthSelect-a3a0fb4e.js';
 import '../../OrIconButton-ee747c71.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../OrTooltip-5a6e0f64.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-3a624934.js';
+export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-58f4a767.js';
 export { I as DateTimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -22,7 +22,7 @@ import '../../OrLabel-63380256.js';
 import '../../OrDateTimePickerPopoverHeader-9e49aba0.js';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
-import '../../OrDateTimePickerMonthSelect-e35404a7.js';
+import '../../OrDateTimePickerMonthSelect-a3a0fb4e.js';
 import '../../OrMenuItem-6f9b8a93.js';
 import '../../OrMenu-8b902c22.js';
-import '../../OrDateTimePickerTimeSelect-aed7d33d.js';
+import '../../OrDateTimePickerTimeSelect-0b70d0df.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrTimePickerV3 } from '../../OrTimePicker-196e9c5e.js';
+export { _ as OrTimePickerV3 } from '../../OrTimePicker-aaf19ad2.js';
 export { I as TimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -8,7 +8,7 @@ import '../../normalize-component-6e8e3d80.js';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
 import '@vueuse/core';
-import '../../OrDateTimePickerTimeSelect-aed7d33d.js';
+import '../../OrDateTimePickerTimeSelect-0b70d0df.js';
 import '../../OrError-4ffc1c39.js';
 import '../../OrHint-aa221198.js';
 import '../../OrIconButton-ee747c71.js';

package/dist/esm/v2/index.js

@@ -23,11 +23,11 @@ export { _ as OrCollapse } from './OrCollapse-57c64292.js';
 export { _ 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-ca470d10.js';
 export { _ as OrConfirm } from './OrConfirm-d0d9d56c.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-8ec55f84.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-564505ef.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-ed38eb8d.js';
 export { _ as OrInputBoxV3 } from './OrInputBox-d36b1323.js';
 export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-77ef1975.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-3a624934.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-58f4a767.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-2d3fd68d.js';
 export { _ as OrError } from './OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from './OrErrorTag-a55ae01a.js';
@@ -106,7 +106,7 @@ export { _ as OrTextV3 } from './OrText-44449e7b.js';
 export { _ as OrTextarea } from './OrTextarea-226ab7a2.js';
 export { _ as OrTextareaV3 } from './OrTextarea-800f63d4.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-90badc95.js';
-export { _ as OrTimePickerV3 } from './OrTimePicker-196e9c5e.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-aaf19ad2.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-2f530752.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-b5ea5cb2.js';
 export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-4a7d24f3.js';
@@ -147,8 +147,8 @@ import './px-to-rem-0b26b83e.js';
 import './dom-7a41831b.js';
 import '@vueuse/math';
 import './OrDateTimePickerPopoverHeader-9e49aba0.js';
-import './OrDateTimePickerMonthSelect-e35404a7.js';
-import './OrDateTimePickerTimeSelect-aed7d33d.js';
+import './OrDateTimePickerMonthSelect-a3a0fb4e.js';
+import './OrDateTimePickerTimeSelect-0b70d0df.js';
 import '@floating-ui/dom';
 import './OrTooltip.vue_rollup-plugin-vue_styles.0-a256ac18.js';
 import 'uuid';

package/dist/esm/v3/{OrDatePicker-fffdd7ba.js → OrDatePicker-d3a14029.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { s as script$3, a as script$5, b as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-042566f4.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-5a7b7b5c.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-c07806a0.js';
 import { s as script$7 } from './OrError-c01d0c29.js';
 import { s as script$8 } from './OrHint-06ab89d7.js';
 import { s as script$a } from './OrIconButton-b7217ea5.js';
@@ -9,7 +9,7 @@ import { s as script$9 } from './OrIcon-62793572.js';
 import { s as script$b, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
 import { s as script$c } from './OrLabel-4da56db0.js';
 import { s as script$d } from './OrPopover-15c2968f.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, createElementVNode, withModifiers, Fragment } from 'vue';
 
 const DatePicker = [
 // Layout
@@ -215,7 +215,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
+  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
     ref: "inputBox",
     variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
     size: _ctx.size,
@@ -284,7 +284,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       variant: 'outlined'
     }))])]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.togglePopover], [_directive_dropdown_close, _ctx.closePopover]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
     key: 1
   }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,

package/dist/esm/v3/{OrDateTimePicker-77983f83.js → OrDateTimePicker-0e600e2f.js}

@@ -8,9 +8,9 @@ import { s as script$d, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
 import { s as script$e } from './OrLabel-4da56db0.js';
 import { s as script$f } from './OrPopover-15c2968f.js';
 import { s as script$3, a as script$5, b as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-042566f4.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-5a7b7b5c.js';
-import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-e404e826.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-c07806a0.js';
+import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-9309c434.js';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, createElementVNode, withModifiers, Fragment } from 'vue';
 
 const DateTimePicker = [
 // Layout
@@ -270,7 +270,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
+  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
     ref: "inputBox",
     variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
     size: _ctx.size,
@@ -395,7 +395,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       variant: 'outlined'
     }))])]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggleDatePopover], [_directive_dropdown_close, _ctx.closeDatePopover]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
     key: 1
   }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,

package/dist/esm/v3/{OrDateTimePickerMonthSelect-5a7b7b5c.js → OrDateTimePickerMonthSelect-c07806a0.js}

@@ -83,13 +83,12 @@ var script$2 = defineComponent({
   }
 });
 
-const _hoisted_1$1 = ["contenteditable", "required", "readonly", "disabled"];
-const _hoisted_2 = ["disabled"];
+const _hoisted_1$1 = ["required", "readonly", "disabled"];
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles),
-    contenteditable: !_ctx.disabled ? '' : null,
+    contenteditable: '',
     required: _ctx.required ? '' : null,
     readonly: _ctx.readonly ? '' : null,
     disabled: _ctx.disabled ? '' : null
@@ -97,9 +96,8 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0
   }, [createTextVNode(toDisplayString(_ctx.formatModelValue(_ctx.proxyModelValue)), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
     key: 1,
-    class: normalizeClass(_ctx.placeholderStyles),
-    disabled: _ctx.disabled ? '' : null
-  }, toDisplayString(_ctx.placeholder), 11 /* TEXT, CLASS, PROPS */, _hoisted_2))], 10 /* CLASS, PROPS */, _hoisted_1$1);
+    class: normalizeClass(_ctx.placeholderStyles)
+  }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 10 /* CLASS, PROPS */, _hoisted_1$1);
 }
 
 script$2.render = render$2;

package/dist/esm/v3/{OrDateTimePickerTimeSelect-e404e826.js → OrDateTimePickerTimeSelect-9309c434.js}

@@ -78,13 +78,12 @@ var script$1 = defineComponent({
   }
 });
 
-const _hoisted_1 = ["contenteditable", "required", "readonly", "disabled"];
-const _hoisted_2 = ["disabled"];
+const _hoisted_1 = ["required", "readonly", "disabled"];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles),
-    contenteditable: !_ctx.disabled ? '' : null,
+    contenteditable: '',
     required: _ctx.required ? '' : null,
     readonly: _ctx.readonly ? '' : null,
     disabled: _ctx.disabled ? '' : null
@@ -92,9 +91,8 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0
   }, [createTextVNode(toDisplayString(_ctx.formatModelValue(_ctx.proxyModelValue)), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
     key: 1,
-    class: normalizeClass(_ctx.placeholderStyles),
-    disabled: _ctx.disabled ? '' : null
-  }, toDisplayString(_ctx.placeholder), 11 /* TEXT, CLASS, PROPS */, _hoisted_2))], 10 /* CLASS, PROPS */, _hoisted_1);
+    class: normalizeClass(_ctx.placeholderStyles)
+  }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 10 /* CLASS, PROPS */, _hoisted_1);
 }
 
 script$1.render = render$1;

package/dist/esm/v3/{OrTimePicker-e27e87ec.js → OrTimePicker-94f8a736.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { s as script$1, a as script$2, b as script$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-042566f4.js';
-import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-e404e826.js';
+import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-9309c434.js';
 import { s as script$6 } from './OrError-c01d0c29.js';
 import { s as script$7 } from './OrHint-06ab89d7.js';
 import { s as script$9 } from './OrIconButton-b7217ea5.js';
@@ -9,7 +9,7 @@ import { s as script$8 } from './OrIcon-62793572.js';
 import { s as script$a, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
 import { s as script$b } from './OrLabel-4da56db0.js';
 import { s as script$c } from './OrPopover-15c2968f.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, createElementVNode, withModifiers, Fragment } from 'vue';
 
 const TimePicker = [
 // Layout
@@ -209,7 +209,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
+  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
     ref: "inputBox",
     variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
     size: _ctx.size,
@@ -273,7 +273,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       variant: 'outlined'
     }))])]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.togglePopover], [_directive_dropdown_close, _ctx.closePopover]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
     key: 1
   }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,

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

@@ -22,10 +22,10 @@ export { s as OrCollapse } from '../OrCollapse-2b31de04.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-ffaaf14f.js';
 export { s as OrConfirm } from '../OrConfirm-410da5b4.js';
 export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-fe8617ac.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker-fffdd7ba.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker-d3a14029.js';
 export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox-ba40bbdf.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-2af19719.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-77983f83.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-0e600e2f.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState-5349a1f9.js';
 export { s as OrError } from '../OrError-f90296db.js';
 export { s as OrErrorTagV3 } from '../OrErrorTag-ade9192b.js';
@@ -104,7 +104,7 @@ export { s as OrTextV3 } from '../OrText-d54c951d.js';
 export { s as OrTextarea } from '../OrTextarea-f6722edc.js';
 export { s as OrTextareaV3 } from '../OrTextarea-fa1454e3.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-6e585202.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker-e27e87ec.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker-94f8a736.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-24839efd.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-b5ea5cb2.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-9e1555eb.js';
@@ -138,8 +138,8 @@ import '../dom-7a41831b.js';
 import '@vueuse/math';
 import '../dropdown-open-e1f90e0a.js';
 import '../OrDateTimePickerPopoverHeader-042566f4.js';
-import '../OrDateTimePickerMonthSelect-5a7b7b5c.js';
-import '../OrDateTimePickerTimeSelect-e404e826.js';
+import '../OrDateTimePickerMonthSelect-c07806a0.js';
+import '../OrDateTimePickerTimeSelect-9309c434.js';
 import '@floating-ui/dom';
 import '../useValidationAttributes-d1abbe34.js';
 import '../useResponsive-a02e95b7.js';

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

@@ -1,4 +1,4 @@
-export { s as OrDatePickerV3 } from '../../OrDatePicker-fffdd7ba.js';
+export { s as OrDatePickerV3 } from '../../OrDatePicker-d3a14029.js';
 export { I as DatePickerSize } from '../../OrInputBox-ba40bbdf.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -8,7 +8,7 @@ import 'vue';
 import '../../OrButton-c2b6aa9e.js';
 import '../../OrLoader-b79022da.js';
 import '@vueuse/core';
-import '../../OrDateTimePickerMonthSelect-5a7b7b5c.js';
+import '../../OrDateTimePickerMonthSelect-c07806a0.js';
 import '../../OrIconButton-b7217ea5.js';
 import '../../OrIcon-62793572.js';
 import '../../OrTooltip-3d5fcaf9.js';

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

@@ -1,4 +1,4 @@
-export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-77983f83.js';
+export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-0e600e2f.js';
 export { I as DateTimePickerSize } from '../../OrInputBox-ba40bbdf.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -20,7 +20,7 @@ import '../../OrLabel-4da56db0.js';
 import '../../OrDateTimePickerPopoverHeader-042566f4.js';
 import '../../OrButton-c2b6aa9e.js';
 import '../../OrLoader-b79022da.js';
-import '../../OrDateTimePickerMonthSelect-5a7b7b5c.js';
+import '../../OrDateTimePickerMonthSelect-c07806a0.js';
 import '../../OrMenuItem-dbee450f.js';
 import '../../OrMenu-8a53ccf9.js';
-import '../../OrDateTimePickerTimeSelect-e404e826.js';
+import '../../OrDateTimePickerTimeSelect-9309c434.js';

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

@@ -1,4 +1,4 @@
-export { s as OrTimePickerV3 } from '../../OrTimePicker-e27e87ec.js';
+export { s as OrTimePickerV3 } from '../../OrTimePicker-94f8a736.js';
 export { I as TimePickerSize } from '../../OrInputBox-ba40bbdf.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -8,7 +8,7 @@ import 'vue';
 import '../../OrButton-c2b6aa9e.js';
 import '../../OrLoader-b79022da.js';
 import '@vueuse/core';
-import '../../OrDateTimePickerTimeSelect-e404e826.js';
+import '../../OrDateTimePickerTimeSelect-9309c434.js';
 import '../../OrError-c01d0c29.js';
 import '../../OrHint-06ab89d7.js';
 import '../../OrIconButton-b7217ea5.js';

package/dist/esm/v3/index.js

@@ -22,10 +22,10 @@ export { s as OrCollapse } from './OrCollapse-2b31de04.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-ffaaf14f.js';
 export { s as OrConfirm } from './OrConfirm-410da5b4.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-fe8617ac.js';
-export { s as OrDatePickerV3 } from './OrDatePicker-fffdd7ba.js';
+export { s as OrDatePickerV3 } from './OrDatePicker-d3a14029.js';
 export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from './OrInputBox-ba40bbdf.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-2af19719.js';
-export { s as OrDateTimePickerV3 } from './OrDateTimePicker-77983f83.js';
+export { s as OrDateTimePickerV3 } from './OrDateTimePicker-0e600e2f.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from './OrEmptyState-5349a1f9.js';
 export { s as OrError } from './OrError-f90296db.js';
 export { s as OrErrorTagV3 } from './OrErrorTag-ade9192b.js';
@@ -104,7 +104,7 @@ export { s as OrTextV3 } from './OrText-d54c951d.js';
 export { s as OrTextarea } from './OrTextarea-f6722edc.js';
 export { s as OrTextareaV3 } from './OrTextarea-fa1454e3.js';
 export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-6e585202.js';
-export { s as OrTimePickerV3 } from './OrTimePicker-e27e87ec.js';
+export { s as OrTimePickerV3 } from './OrTimePicker-94f8a736.js';
 export { s as OrToast, a as OrToastContainer } from './OrToastContainer-24839efd.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-b5ea5cb2.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-9e1555eb.js';
@@ -143,8 +143,8 @@ import './px-to-rem-0b26b83e.js';
 import './dom-7a41831b.js';
 import '@vueuse/math';
 import './OrDateTimePickerPopoverHeader-042566f4.js';
-import './OrDateTimePickerMonthSelect-5a7b7b5c.js';
-import './OrDateTimePickerTimeSelect-e404e826.js';
+import './OrDateTimePickerMonthSelect-c07806a0.js';
+import './OrDateTimePickerTimeSelect-9309c434.js';
 import '@floating-ui/dom';
 import 'uuid';
 import 'sortablejs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "4.4.4-beta.2732.0",
+  "version": "4.4.4-beta.2733.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",

package/src/components/or-date-picker-v3/OrDatePicker.vue

@@ -19,6 +19,8 @@
 
     <OrInputBox
       ref="inputBox"
+      v-dropdown-open="togglePopover"
+      v-dropdown-close="closePopover"
       :variant="disableDefaultStyles ? 'unstyled' : 'styled'"
       :size="size"
       :invalid="!!error"

package/src/components/or-date-time-picker-v3/OrDateTimePicker.vue

@@ -19,6 +19,8 @@
 
     <OrInputBox
       ref="inputBox"
+      v-dropdown-open="toggleDatePopover"
+      v-dropdown-close="closeDatePopover"
       :variant="disableDefaultStyles ? 'unstyled' : 'styled'"
       :size="size"
       :invalid="!!error"

package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-date-control/OrDateTimePickerDateControl.vue

@@ -2,7 +2,7 @@
   <div
     ref="root"
     :class="rootStyles"
-    :contenteditable="!disabled ? '' : null"
+    :contenteditable="''"
     :required="required ? '' : null"
     :readonly="readonly ? '' : null"
     :disabled="disabled ? '' : null"
@@ -12,12 +12,7 @@
     </template>
 
     <template v-else>
-      <span
-        :class="placeholderStyles"
-        :disabled="disabled ? '' : null"
-      >
-        {{ placeholder }}
-      </span>
+      <span :class="placeholderStyles">{{ placeholder }}</span>
     </template>
   </div>
 </template>

package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-time-control/OrDateTimePickerTimeControl.vue

@@ -2,7 +2,7 @@
   <div
     ref="root"
     :class="rootStyles"
-    :contenteditable="!disabled ? '' : null"
+    :contenteditable="''"
     :required="required ? '' : null"
     :readonly="readonly ? '' : null"
     :disabled="disabled ? '' : null"
@@ -12,12 +12,7 @@
     </template>
 
     <template v-else>
-      <span
-        :class="placeholderStyles"
-        :disabled="disabled ? '' : null"
-      >
-        {{ placeholder }}
-      </span>
+      <span :class="placeholderStyles">{{ placeholder }}</span>
     </template>
   </div>
 </template>

package/src/components/or-time-picker-v3/OrTimePicker.vue

@@ -19,6 +19,8 @@
 
     <OrInputBox
       ref="inputBox"
+      v-dropdown-open="togglePopover"
+      v-dropdown-close="closePopover"
       :variant="disableDefaultStyles ? 'unstyled' : 'styled'"
       :size="size"
       :invalid="!!error"