@onereach/ui-components 4.4.5 → 4.4.6

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.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/OrDateTimePickerV3/OrDateTimePicker.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/OrTimePickerV3/OrTimePicker.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/v3/components/OrDatePickerV3/OrDatePicker.js

@@ -1,6 +1,6 @@
 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 { 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';
@@ -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/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,6 +1,6 @@
 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 { 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';
@@ -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/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 { 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';
@@ -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/esm/v2/{OrDatePicker-564505ef.js → OrDatePicker-b6ebf44a.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-85c08b90.js}

@@ -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/{OrTimePicker-196e9c5e.js → OrTimePicker-696e29ed.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

@@ -26,9 +26,9 @@ export { _ as OrInputBoxV3 } from '../OrInputBox-d36b1323.js';
 export { I as CombinedInputSize, 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 { _ 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-b6ebf44a.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-85c08b90.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';
@@ -108,7 +108,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-696e29ed.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';

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-b6ebf44a.js';
 export { I as DatePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.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-85c08b90.js';
 export { I as DateTimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.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-696e29ed.js';
 export { I as TimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';

package/dist/esm/v2/index.js

@@ -26,9 +26,9 @@ export { _ as OrInputBoxV3 } from './OrInputBox-d36b1323.js';
 export { I as CombinedInputSize, 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 { _ 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-b6ebf44a.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-85c08b90.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';
@@ -108,7 +108,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-696e29ed.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';

package/dist/esm/v3/{OrDatePicker-fffdd7ba.js → OrDatePicker-f144d074.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-2214cd85.js}

@@ -10,7 +10,7 @@ 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 { 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/{OrTimePicker-e27e87ec.js → OrTimePicker-68de86d9.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

@@ -24,9 +24,9 @@ export { s as OrCombinedInputV3 } from '../OrCombinedInput-14c23a04.js';
 export { I as CombinedInputSize, 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 { 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-f144d074.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-2214cd85.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';
@@ -106,7 +106,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-68de86d9.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';

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-f144d074.js';
 export { I as DatePickerSize } from '../../OrInputBox-ba40bbdf.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.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-2214cd85.js';
 export { I as DateTimePickerSize } from '../../OrInputBox-ba40bbdf.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.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-68de86d9.js';
 export { I as TimePickerSize } from '../../OrInputBox-ba40bbdf.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';

package/dist/esm/v3/index.js

@@ -24,9 +24,9 @@ export { s as OrCombinedInputV3 } from './OrCombinedInput-14c23a04.js';
 export { I as CombinedInputSize, 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 { 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-f144d074.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-2214cd85.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';
@@ -106,7 +106,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-68de86d9.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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "4.4.5",
+  "version": "4.4.6",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -154,5 +154,5 @@
     },
     "./package.json": "./package.json"
   },
-  "gitHead": "2e1ebf9c11ae611ee09f6fc4d3d55078213f5292"
+  "gitHead": "6ca5204273a7030ec117597fc8a56909f0e40f8b"
 }

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-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"