@onereach/ui-components 4.1.1-beta.2533.0 → 4.1.1-beta.2534.0

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

@@ -241,6 +241,13 @@ var __vue_render__ = function () {
       "required": _vm.required,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
+    },
+    model: {
+      value: _vm.draftModelValue,
+      callback: function ($$v) {
+        _vm.draftModelValue = $$v;
+      },
+      expression: "draftModelValue"
     }
   }), _vm._v(" "), _c('OrPopover', {
     ref: "popover",

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

@@ -287,6 +287,13 @@ var __vue_render__ = function () {
       "required": _vm.required,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
+    },
+    model: {
+      value: _vm.draftModelValue,
+      callback: function ($$v) {
+        _vm.draftModelValue = $$v;
+      },
+      expression: "draftModelValue"
     }
   }), _vm._v(" "), _c('OrDateTimePickerTimeControl', {
     directives: [{
@@ -305,6 +312,13 @@ var __vue_render__ = function () {
       "required": _vm.required,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
+    },
+    model: {
+      value: _vm.draftModelValue,
+      callback: function ($$v) {
+        _vm.draftModelValue = $$v;
+      },
+      expression: "draftModelValue"
     }
   }), _vm._v(" "), _c('OrPopover', {
     ref: "datePopover",

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

@@ -236,6 +236,13 @@ var __vue_render__ = function () {
       "required": _vm.required,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
+    },
+    model: {
+      value: _vm.draftModelValue,
+      callback: function ($$v) {
+        _vm.draftModelValue = $$v;
+      },
+      expression: "draftModelValue"
     }
   }), _vm._v(" "), _c('OrPopover', {
     ref: "popover",

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

@@ -113,10 +113,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: withCtx(() => [withDirectives(createVNode(_component_OrDateTimePickerDateControl, {
       ref: "control",
+      modelValue: _ctx.draftModelValue,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event),
       required: _ctx.required,
       readonly: _ctx.readonly,
       disabled: _ctx.disabled
-    }, null, 8 /* PROPS */, ["required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.togglePopover], [_directive_dropdown_close, _ctx.closePopover]]), createVNode(_component_OrPopover, {
+    }, null, 8 /* PROPS */, ["modelValue", "required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.togglePopover], [_directive_dropdown_close, _ctx.closePopover]]), createVNode(_component_OrPopover, {
       ref: "popover",
       variant: 'auto',
       trigger: _ctx.controlRoot,
@@ -134,18 +136,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1 /* STABLE */
       }), createVNode(_component_OrDateTimePickerMonthSelect, {
         modelValue: _ctx.draftModelValue,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.draftModelValue = $event),
         filter: _ctx.filter
       }, null, 8 /* PROPS */, ["modelValue", "filter"]), createVNode(_component_OrDateTimePickerDaySelect, {
         modelValue: _ctx.draftModelValue,
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.draftModelValue = $event),
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.draftModelValue = $event),
         filter: _ctx.filter
       }, null, 8 /* PROPS */, ["modelValue", "filter"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
-        onResolve: _cache[2] || (_cache[2] = $event => {
+        onResolve: _cache[3] || (_cache[3] = $event => {
           _ctx.proxyModelValue = _ctx.draftModelValue;
           _ctx.popover.close();
         }),
-        onReject: _cache[3] || (_cache[3] = $event => {
+        onReject: _cache[4] || (_cache[4] = $event => {
           _ctx.draftModelValue = _ctx.proxyModelValue;
           _ctx.popover.close();
         })
@@ -156,7 +158,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       icon: 'close',
       color: 'inherit',
       disabled: _ctx.readonly || _ctx.disabled,
-      onClick: _cache[4] || (_cache[4] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
+      onClick: _cache[5] || (_cache[5] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
     }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)])]),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {

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

@@ -117,15 +117,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: withCtx(() => [withDirectives(createVNode(_component_OrDateTimePickerDateControl, {
       ref: "dateControl",
+      modelValue: _ctx.draftModelValue,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event),
       required: _ctx.required,
       readonly: _ctx.readonly,
       disabled: _ctx.disabled
-    }, null, 8 /* PROPS */, ["required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.toggleDatePopover], [_directive_dropdown_close, _ctx.closeDatePopover]]), withDirectives(createVNode(_component_OrDateTimePickerTimeControl, {
+    }, null, 8 /* PROPS */, ["modelValue", "required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.toggleDatePopover], [_directive_dropdown_close, _ctx.closeDatePopover]]), withDirectives(createVNode(_component_OrDateTimePickerTimeControl, {
       ref: "timeControl",
+      modelValue: _ctx.draftModelValue,
+      "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.draftModelValue = $event),
       required: _ctx.required,
       readonly: _ctx.readonly,
       disabled: _ctx.disabled
-    }, null, 8 /* PROPS */, ["required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.toggleTimePopover], [_directive_dropdown_close, _ctx.closeTimePopover]]), createVNode(_component_OrPopover, {
+    }, null, 8 /* PROPS */, ["modelValue", "required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.toggleTimePopover], [_directive_dropdown_close, _ctx.closeTimePopover]]), createVNode(_component_OrPopover, {
       ref: "datePopover",
       variant: 'auto',
       trigger: _ctx.dateControlRoot,
@@ -149,18 +153,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1 /* STABLE */
       }), createVNode(_component_OrDateTimePickerMonthSelect, {
         modelValue: _ctx.draftModelValue,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event),
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.draftModelValue = $event),
         filter: _ctx.filter
       }, null, 8 /* PROPS */, ["modelValue", "filter"]), createVNode(_component_OrDateTimePickerDaySelect, {
         modelValue: _ctx.draftModelValue,
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.draftModelValue = $event),
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => _ctx.draftModelValue = $event),
         filter: _ctx.filter
       }, null, 8 /* PROPS */, ["modelValue", "filter"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
-        onResolve: _cache[2] || (_cache[2] = $event => {
+        onResolve: _cache[4] || (_cache[4] = $event => {
           _ctx.proxyModelValue = _ctx.draftModelValue;
           _ctx.datePopover.close();
         }),
-        onReject: _cache[3] || (_cache[3] = $event => {
+        onReject: _cache[5] || (_cache[5] = $event => {
           _ctx.draftModelValue = _ctx.proxyModelValue;
           _ctx.datePopover.close();
         })
@@ -190,14 +194,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1 /* STABLE */
       }), createVNode(_component_OrDateTimePickerTimeSelect, {
         modelValue: _ctx.draftModelValue,
-        "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.draftModelValue = $event),
+        "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => _ctx.draftModelValue = $event),
         filter: _ctx.filter
       }, null, 8 /* PROPS */, ["modelValue", "filter"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
-        onResolve: _cache[5] || (_cache[5] = $event => {
+        onResolve: _cache[7] || (_cache[7] = $event => {
           _ctx.proxyModelValue = _ctx.draftModelValue;
           _ctx.timePopover.close();
         }),
-        onReject: _cache[6] || (_cache[6] = $event => {
+        onReject: _cache[8] || (_cache[8] = $event => {
           _ctx.draftModelValue = _ctx.proxyModelValue;
           _ctx.timePopover.close();
         })
@@ -208,7 +212,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       icon: 'close',
       color: 'inherit',
       disabled: _ctx.readonly || _ctx.disabled,
-      onClick: _cache[7] || (_cache[7] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
+      onClick: _cache[9] || (_cache[9] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
     }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)])]),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {

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

@@ -106,10 +106,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: withCtx(() => [withDirectives(createVNode(_component_OrDateTimePickerTimeControl, {
       ref: "control",
+      modelValue: _ctx.draftModelValue,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event),
       required: _ctx.required,
       readonly: _ctx.readonly,
       disabled: _ctx.disabled
-    }, null, 8 /* PROPS */, ["required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.togglePopover], [_directive_dropdown_close, _ctx.closePopover]]), createVNode(_component_OrPopover, {
+    }, null, 8 /* PROPS */, ["modelValue", "required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.togglePopover], [_directive_dropdown_close, _ctx.closePopover]]), createVNode(_component_OrPopover, {
       ref: "popover",
       variant: 'auto',
       trigger: _ctx.controlRoot,
@@ -127,14 +129,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1 /* STABLE */
       }), createVNode(_component_OrDateTimePickerTimeSelect, {
         modelValue: _ctx.draftModelValue,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.draftModelValue = $event),
         filter: _ctx.filter
       }, null, 8 /* PROPS */, ["modelValue", "filter"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
-        onResolve: _cache[1] || (_cache[1] = $event => {
+        onResolve: _cache[2] || (_cache[2] = $event => {
           _ctx.proxyModelValue = _ctx.draftModelValue;
           _ctx.popover.close();
         }),
-        onReject: _cache[2] || (_cache[2] = $event => {
+        onReject: _cache[3] || (_cache[3] = $event => {
           _ctx.draftModelValue = _ctx.proxyModelValue;
           _ctx.popover.close();
         })
@@ -145,7 +147,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       icon: 'close',
       color: 'inherit',
       disabled: _ctx.readonly || _ctx.disabled,
-      onClick: _cache[3] || (_cache[3] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
+      onClick: _cache[4] || (_cache[4] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
     }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)])]),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {

package/dist/esm/v2/{OrDatePicker-d4ebeafe.js → OrDatePicker-a2c84303.js}

@@ -204,6 +204,13 @@ var __vue_render__ = function () {
       "required": _vm.required,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
+    },
+    model: {
+      value: _vm.draftModelValue,
+      callback: function ($$v) {
+        _vm.draftModelValue = $$v;
+      },
+      expression: "draftModelValue"
     }
   }), _vm._v(" "), _c('OrPopover', {
     ref: "popover",

package/dist/esm/v2/{OrDateTimePicker-6bcb1ed6.js → OrDateTimePicker-5a9f2524.js}

@@ -249,6 +249,13 @@ var __vue_render__ = function () {
       "required": _vm.required,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
+    },
+    model: {
+      value: _vm.draftModelValue,
+      callback: function ($$v) {
+        _vm.draftModelValue = $$v;
+      },
+      expression: "draftModelValue"
     }
   }), _vm._v(" "), _c('OrDateTimePickerTimeControl', {
     directives: [{
@@ -267,6 +274,13 @@ var __vue_render__ = function () {
       "required": _vm.required,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
+    },
+    model: {
+      value: _vm.draftModelValue,
+      callback: function ($$v) {
+        _vm.draftModelValue = $$v;
+      },
+      expression: "draftModelValue"
     }
   }), _vm._v(" "), _c('OrPopover', {
     ref: "datePopover",

package/dist/esm/v2/{OrTimePicker-8988e9da.js → OrTimePicker-aac14fcb.js}

@@ -203,6 +203,13 @@ var __vue_render__ = function () {
       "required": _vm.required,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
+    },
+    model: {
+      value: _vm.draftModelValue,
+      callback: function ($$v) {
+        _vm.draftModelValue = $$v;
+      },
+      expression: "draftModelValue"
     }
   }), _vm._v(" "), _c('OrPopover', {
     ref: "popover",

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

@@ -21,11 +21,11 @@ export { _ as OrCollapse } from '../OrCollapse-50e3914c.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-fa92b4fa.js';
 export { _ as OrConfirm } from '../OrConfirm-497cd260.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-4faddc24.js';
-export { _ as OrDatePickerV3 } from '../OrDatePicker-d4ebeafe.js';
+export { _ as OrDatePickerV3 } from '../OrDatePicker-a2c84303.js';
 export { _ as OrInputBoxV3 } from '../OrInputBox-748257da.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-971506e9.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-c88ca716.js';
-export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-6bcb1ed6.js';
+export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-5a9f2524.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';
@@ -102,7 +102,7 @@ export { _ as OrTextV3 } from '../OrText-6097bca5.js';
 export { _ as OrTextarea } from '../OrTextarea-724a4d6f.js';
 export { _ as OrTextareaV3 } from '../OrTextarea-56f0f583.js';
 export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-0a89a533.js';
-export { _ as OrTimePickerV3 } from '../OrTimePicker-8988e9da.js';
+export { _ as OrTimePickerV3 } from '../OrTimePicker-aac14fcb.js';
 export { _ as OrToast, a as OrToastContainer } from '../OrToastContainer-5ce15a5b.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-4fbe0e5a.js';
 export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../types-707995c5.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrDatePickerV3 } from '../../OrDatePicker-d4ebeafe.js';
+export { _ as OrDatePickerV3 } from '../../OrDatePicker-a2c84303.js';
 export { I as DatePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-971506e9.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-6bcb1ed6.js';
+export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-5a9f2524.js';
 export { I as DateTimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-971506e9.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-8988e9da.js';
+export { _ as OrTimePickerV3 } from '../../OrTimePicker-aac14fcb.js';
 export { I as TimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-971506e9.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';

package/dist/esm/v2/index.js

@@ -21,11 +21,11 @@ export { _ as OrCollapse } from './OrCollapse-50e3914c.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-fa92b4fa.js';
 export { _ as OrConfirm } from './OrConfirm-497cd260.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-4faddc24.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-d4ebeafe.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-a2c84303.js';
 export { _ as OrInputBoxV3 } from './OrInputBox-748257da.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-971506e9.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-c88ca716.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-6bcb1ed6.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-5a9f2524.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';
@@ -102,7 +102,7 @@ export { _ as OrTextV3 } from './OrText-6097bca5.js';
 export { _ as OrTextarea } from './OrTextarea-724a4d6f.js';
 export { _ as OrTextareaV3 } from './OrTextarea-56f0f583.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-0a89a533.js';
-export { _ as OrTimePickerV3 } from './OrTimePicker-8988e9da.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-aac14fcb.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-5ce15a5b.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
 export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-707995c5.js';

package/dist/esm/v3/{OrDatePicker-2a9d5b8a.js → OrDatePicker-aa62239c.js}

@@ -197,10 +197,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: withCtx(() => [withDirectives(createVNode(_component_OrDateTimePickerDateControl, {
       ref: "control",
+      modelValue: _ctx.draftModelValue,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event),
       required: _ctx.required,
       readonly: _ctx.readonly,
       disabled: _ctx.disabled
-    }, null, 8 /* PROPS */, ["required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.togglePopover], [_directive_dropdown_close, _ctx.closePopover]]), createVNode(_component_OrPopover, {
+    }, null, 8 /* PROPS */, ["modelValue", "required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.togglePopover], [_directive_dropdown_close, _ctx.closePopover]]), createVNode(_component_OrPopover, {
       ref: "popover",
       variant: 'auto',
       trigger: _ctx.controlRoot,
@@ -218,18 +220,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1 /* STABLE */
       }), createVNode(_component_OrDateTimePickerMonthSelect, {
         modelValue: _ctx.draftModelValue,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.draftModelValue = $event),
         filter: _ctx.filter
       }, null, 8 /* PROPS */, ["modelValue", "filter"]), createVNode(_component_OrDateTimePickerDaySelect, {
         modelValue: _ctx.draftModelValue,
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.draftModelValue = $event),
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.draftModelValue = $event),
         filter: _ctx.filter
       }, null, 8 /* PROPS */, ["modelValue", "filter"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
-        onResolve: _cache[2] || (_cache[2] = $event => {
+        onResolve: _cache[3] || (_cache[3] = $event => {
           _ctx.proxyModelValue = _ctx.draftModelValue;
           _ctx.popover.close();
         }),
-        onReject: _cache[3] || (_cache[3] = $event => {
+        onReject: _cache[4] || (_cache[4] = $event => {
           _ctx.draftModelValue = _ctx.proxyModelValue;
           _ctx.popover.close();
         })
@@ -240,7 +242,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       icon: 'close',
       color: 'inherit',
       disabled: _ctx.readonly || _ctx.disabled,
-      onClick: _cache[4] || (_cache[4] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
+      onClick: _cache[5] || (_cache[5] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
     }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)])]),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {

package/dist/esm/v3/{OrDateTimePicker-9bfe6910.js → OrDateTimePicker-c5dd8dd8.js}

@@ -244,15 +244,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: withCtx(() => [withDirectives(createVNode(_component_OrDateTimePickerDateControl, {
       ref: "dateControl",
+      modelValue: _ctx.draftModelValue,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event),
       required: _ctx.required,
       readonly: _ctx.readonly,
       disabled: _ctx.disabled
-    }, null, 8 /* PROPS */, ["required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.toggleDatePopover], [_directive_dropdown_close, _ctx.closeDatePopover]]), withDirectives(createVNode(_component_OrDateTimePickerTimeControl, {
+    }, null, 8 /* PROPS */, ["modelValue", "required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.toggleDatePopover], [_directive_dropdown_close, _ctx.closeDatePopover]]), withDirectives(createVNode(_component_OrDateTimePickerTimeControl, {
       ref: "timeControl",
+      modelValue: _ctx.draftModelValue,
+      "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.draftModelValue = $event),
       required: _ctx.required,
       readonly: _ctx.readonly,
       disabled: _ctx.disabled
-    }, null, 8 /* PROPS */, ["required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.toggleTimePopover], [_directive_dropdown_close, _ctx.closeTimePopover]]), createVNode(_component_OrPopover, {
+    }, null, 8 /* PROPS */, ["modelValue", "required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.toggleTimePopover], [_directive_dropdown_close, _ctx.closeTimePopover]]), createVNode(_component_OrPopover, {
       ref: "datePopover",
       variant: 'auto',
       trigger: _ctx.dateControlRoot,
@@ -276,18 +280,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1 /* STABLE */
       }), createVNode(_component_OrDateTimePickerMonthSelect, {
         modelValue: _ctx.draftModelValue,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event),
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.draftModelValue = $event),
         filter: _ctx.filter
       }, null, 8 /* PROPS */, ["modelValue", "filter"]), createVNode(_component_OrDateTimePickerDaySelect, {
         modelValue: _ctx.draftModelValue,
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.draftModelValue = $event),
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => _ctx.draftModelValue = $event),
         filter: _ctx.filter
       }, null, 8 /* PROPS */, ["modelValue", "filter"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
-        onResolve: _cache[2] || (_cache[2] = $event => {
+        onResolve: _cache[4] || (_cache[4] = $event => {
           _ctx.proxyModelValue = _ctx.draftModelValue;
           _ctx.datePopover.close();
         }),
-        onReject: _cache[3] || (_cache[3] = $event => {
+        onReject: _cache[5] || (_cache[5] = $event => {
           _ctx.draftModelValue = _ctx.proxyModelValue;
           _ctx.datePopover.close();
         })
@@ -317,14 +321,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1 /* STABLE */
       }), createVNode(_component_OrDateTimePickerTimeSelect, {
         modelValue: _ctx.draftModelValue,
-        "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.draftModelValue = $event),
+        "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => _ctx.draftModelValue = $event),
         filter: _ctx.filter
       }, null, 8 /* PROPS */, ["modelValue", "filter"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
-        onResolve: _cache[5] || (_cache[5] = $event => {
+        onResolve: _cache[7] || (_cache[7] = $event => {
           _ctx.proxyModelValue = _ctx.draftModelValue;
           _ctx.timePopover.close();
         }),
-        onReject: _cache[6] || (_cache[6] = $event => {
+        onReject: _cache[8] || (_cache[8] = $event => {
           _ctx.draftModelValue = _ctx.proxyModelValue;
           _ctx.timePopover.close();
         })
@@ -335,7 +339,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       icon: 'close',
       color: 'inherit',
       disabled: _ctx.readonly || _ctx.disabled,
-      onClick: _cache[7] || (_cache[7] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
+      onClick: _cache[9] || (_cache[9] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
     }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)])]),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {

package/dist/esm/v3/{OrTimePicker-79c98c1c.js → OrTimePicker-909a6b6d.js}

@@ -195,10 +195,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: withCtx(() => [withDirectives(createVNode(_component_OrDateTimePickerTimeControl, {
       ref: "control",
+      modelValue: _ctx.draftModelValue,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event),
       required: _ctx.required,
       readonly: _ctx.readonly,
       disabled: _ctx.disabled
-    }, null, 8 /* PROPS */, ["required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.togglePopover], [_directive_dropdown_close, _ctx.closePopover]]), createVNode(_component_OrPopover, {
+    }, null, 8 /* PROPS */, ["modelValue", "required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.togglePopover], [_directive_dropdown_close, _ctx.closePopover]]), createVNode(_component_OrPopover, {
       ref: "popover",
       variant: 'auto',
       trigger: _ctx.controlRoot,
@@ -216,14 +218,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1 /* STABLE */
       }), createVNode(_component_OrDateTimePickerTimeSelect, {
         modelValue: _ctx.draftModelValue,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.draftModelValue = $event),
         filter: _ctx.filter
       }, null, 8 /* PROPS */, ["modelValue", "filter"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
-        onResolve: _cache[1] || (_cache[1] = $event => {
+        onResolve: _cache[2] || (_cache[2] = $event => {
           _ctx.proxyModelValue = _ctx.draftModelValue;
           _ctx.popover.close();
         }),
-        onReject: _cache[2] || (_cache[2] = $event => {
+        onReject: _cache[3] || (_cache[3] = $event => {
           _ctx.draftModelValue = _ctx.proxyModelValue;
           _ctx.popover.close();
         })
@@ -234,7 +236,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       icon: 'close',
       color: 'inherit',
       disabled: _ctx.readonly || _ctx.disabled,
-      onClick: _cache[3] || (_cache[3] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
+      onClick: _cache[4] || (_cache[4] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
     }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)])]),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {

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

@@ -20,10 +20,10 @@ export { s as OrCollapse } from '../OrCollapse-37a52e8f.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-9a149e6b.js';
 export { s as OrConfirm } from '../OrConfirm-1ffb7ed6.js';
 export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-472bd6c5.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker-2a9d5b8a.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker-aa62239c.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-a6d68437.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-02c6de49.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-9bfe6910.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-c5dd8dd8.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';
@@ -100,7 +100,7 @@ export { s as OrTextV3 } from '../OrText-de6b2fe2.js';
 export { s as OrTextarea } from '../OrTextarea-de1ecb0f.js';
 export { s as OrTextareaV3 } from '../OrTextarea-b8dba186.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-7de2b10c.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker-79c98c1c.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker-909a6b6d.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-c3ecb1c8.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-4fbe0e5a.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-71d7c1df.js';

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

@@ -1,4 +1,4 @@
-export { s as OrDatePickerV3 } from '../../OrDatePicker-2a9d5b8a.js';
+export { s as OrDatePickerV3 } from '../../OrDatePicker-aa62239c.js';
 export { I as DatePickerSize } from '../../OrInputBox-a6d68437.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-9bfe6910.js';
+export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-c5dd8dd8.js';
 export { I as DateTimePickerSize } from '../../OrInputBox-a6d68437.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-79c98c1c.js';
+export { s as OrTimePickerV3 } from '../../OrTimePicker-909a6b6d.js';
 export { I as TimePickerSize } from '../../OrInputBox-a6d68437.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';

package/dist/esm/v3/index.js

@@ -20,10 +20,10 @@ export { s as OrCollapse } from './OrCollapse-37a52e8f.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-9a149e6b.js';
 export { s as OrConfirm } from './OrConfirm-1ffb7ed6.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-472bd6c5.js';
-export { s as OrDatePickerV3 } from './OrDatePicker-2a9d5b8a.js';
+export { s as OrDatePickerV3 } from './OrDatePicker-aa62239c.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-a6d68437.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-02c6de49.js';
-export { s as OrDateTimePickerV3 } from './OrDateTimePicker-9bfe6910.js';
+export { s as OrDateTimePickerV3 } from './OrDateTimePicker-c5dd8dd8.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';
@@ -100,7 +100,7 @@ export { s as OrTextV3 } from './OrText-de6b2fe2.js';
 export { s as OrTextarea } from './OrTextarea-de1ecb0f.js';
 export { s as OrTextareaV3 } from './OrTextarea-b8dba186.js';
 export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-7de2b10c.js';
-export { s as OrTimePickerV3 } from './OrTimePicker-79c98c1c.js';
+export { s as OrTimePickerV3 } from './OrTimePicker-909a6b6d.js';
 export { s as OrToast, a as OrToastContainer } from './OrToastContainer-c3ecb1c8.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-71d7c1df.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "4.1.1-beta.2533.0",
+  "version": "4.1.1-beta.2534.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -38,7 +38,7 @@
     "@codemirror/lang-json": "6.0.0",
     "@codemirror/lang-markdown": "6.0.1",
     "@floating-ui/dom": "0.3.1",
-    "@onereach/styles": "^2.37.4-beta.2533.0",
+    "@onereach/styles": "^2.37.4-beta.2534.0",
     "@splidejs/splide": "4.0.6",
     "@types/lodash": "4.14.173",
     "@types/sortablejs": "1.10.7",

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

@@ -26,6 +26,7 @@
     >
       <OrDateTimePickerDateControl
         ref="control"
+        v-model="draftModelValue"
         v-dropdown-open="togglePopover"
         v-dropdown-close="closePopover"
         :required="required"

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

@@ -26,6 +26,7 @@
     >
       <OrDateTimePickerDateControl
         ref="dateControl"
+        v-model="draftModelValue"
         v-dropdown-open="toggleDatePopover"
         v-dropdown-close="closeDatePopover"
         :required="required"
@@ -35,6 +36,7 @@
 
       <OrDateTimePickerTimeControl
         ref="timeControl"
+        v-model="draftModelValue"
         v-dropdown-open="toggleTimePopover"
         v-dropdown-close="closeTimePopover"
         :required="required"

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

@@ -26,6 +26,7 @@
     >
       <OrDateTimePickerTimeControl
         ref="control"
+        v-model="draftModelValue"
         v-dropdown-open="togglePopover"
         v-dropdown-close="closePopover"
         :required="required"