@onereach/ui-components 3.0.4-beta.2497.0 → 3.0.4-beta.2500.0

package/dist/esm/v2/{OrDateTimePicker-57094f24.js → OrDateTimePicker-9b277e74.js}

@@ -68,6 +68,10 @@ var script$6 = defineComponent({
     modelValue: {
       type: Date,
       default: undefined
+    },
+    filter: {
+      type: Function,
+      default: undefined
     }
   },
   emits: ['update:modelValue'],
@@ -142,7 +146,8 @@ var __vue_render__$6 = function () {
       class: _vm.buttonGroupItemStyles,
       attrs: {
         "variant": Number(value) === Number(_vm.proxyModelValue) ? 'contained' : 'text',
-        "color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit'
+        "color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit',
+        "disabled": _vm.filter && !_vm.filter(value)
       },
       on: {
         "click": function ($event) {
@@ -270,6 +275,10 @@ var script$4 = defineComponent({
     modelValue: {
       type: Date,
       default: undefined
+    },
+    filter: {
+      type: Function,
+      default: undefined
     }
   },
   emits: ['update:modelValue'],
@@ -432,7 +441,8 @@ var __vue_render__$4 = function () {
     return _c('OrMenuItem', {
       key: Number(value),
       attrs: {
-        "selected": Number(value) === Number(_vm.proxyModelValue)
+        "selected": Number(value) === Number(_vm.proxyModelValue),
+        "disabled": _vm.filter && !_vm.filter(value)
       },
       on: {
         "click": function ($event) {
@@ -451,7 +461,8 @@ var __vue_render__$4 = function () {
     return _c('OrMenuItem', {
       key: Number(value),
       attrs: {
-        "selected": Number(value) === Number(_vm.proxyModelValue)
+        "selected": Number(value) === Number(_vm.proxyModelValue),
+        "disabled": _vm.filter && !_vm.filter(value)
       },
       on: {
         "click": function ($event) {
@@ -663,6 +674,10 @@ var script$1 = defineComponent({
     modelValue: {
       type: Date,
       default: undefined
+    },
+    filter: {
+      type: Function,
+      default: undefined
     }
   },
   emits: ['update:modelValue'],
@@ -746,7 +761,8 @@ var __vue_render__$1 = function () {
       class: _vm.buttonGroupItemStyles,
       attrs: {
         "variant": Number(value) === Number(_vm.proxyModelValue) ? 'contained' : 'text',
-        "color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit'
+        "color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit',
+        "disabled": _vm.filter && !_vm.filter(value)
       },
       on: {
         "click": function ($event) {
@@ -763,7 +779,8 @@ var __vue_render__$1 = function () {
       class: _vm.buttonGroupItemStyles,
       attrs: {
         "variant": Number(value) === Number(_vm.proxyModelValue) ? 'contained' : 'text',
-        "color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit'
+        "color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit',
+        "disabled": _vm.filter && !_vm.filter(value)
       },
       on: {
         "click": function ($event) {
@@ -835,6 +852,10 @@ var script = defineComponent({
       type: Date,
       default: undefined
     },
+    filter: {
+      type: Function,
+      default: undefined
+    },
     size: {
       type: String,
       default: InputBoxSize.M
@@ -996,7 +1017,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-183da045]{min-width:0;background:0 0;outline:0}";
+var css_248z = "input[data-v-4d939067]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -1098,6 +1119,9 @@ var __vue_render__ = function () {
       "label": "Time"
     }
   }, [_vm._v("\n          " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerMonthSelect', {
+    attrs: {
+      "filter": _vm.filter
+    },
     model: {
       value: _vm.draftModelValue,
       callback: function ($$v) {
@@ -1106,6 +1130,9 @@ var __vue_render__ = function () {
       expression: "draftModelValue"
     }
   }), _vm._v(" "), _c('OrDateTimePickerDaySelect', {
+    attrs: {
+      "filter": _vm.filter
+    },
     model: {
       value: _vm.draftModelValue,
       callback: function ($$v) {
@@ -1140,6 +1167,9 @@ var __vue_render__ = function () {
       "label": "Time"
     }
   }, [_vm._v("\n          " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerTimeSelect', {
+    attrs: {
+      "filter": _vm.filter
+    },
     model: {
       value: _vm.draftModelValue,
       callback: function ($$v) {
@@ -1189,7 +1219,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-183da045";
+const __vue_scope_id__ = "data-v-4d939067";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

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

@@ -21,7 +21,7 @@ export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
 export { _ as OrConfirm } from '../OrConfirm-64e815c7.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-1be17f86.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-85e5e03e.js';
-export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-57094f24.js';
+export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-9b277e74.js';
 export { _ as OrInputBoxV3 } from '../OrInputBox-0f4e8500.js';
 export { I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize } from '../OrInputBox.vue_rollup-plugin-vue_script-b2d0c353.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../OrEmptyState-2d3fd68d.js';

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

@@ -46,6 +46,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
     size: {
         type: PropType<DateTimePickerSize>;
         default: DateTimePickerSize;
@@ -83,6 +87,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
     size: {
         type: PropType<DateTimePickerSize>;
         default: DateTimePickerSize;
@@ -116,6 +124,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    filter: (value: Date) => boolean;
     modelValue: Date;
     size: DateTimePickerSize;
     label: string;
@@ -169,6 +178,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     formatDateAlt: (value?: Date) => string;
     formatTimeAlt: (value?: Date) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    filter: (value: Date) => boolean;
     modelValue: Date;
     size: DateTimePickerSize;
     label: string;
@@ -181,6 +191,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    filter: (value: Date) => boolean;
     modelValue: Date;
     size: DateTimePickerSize;
     label: string;

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

@@ -1,4 +1,4 @@
-export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-57094f24.js';
+export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-9b277e74.js';
 export { I as DateTimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-b2d0c353.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';

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

@@ -1,3 +1,4 @@
+import { PropType } from 'vue-demi';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -11,12 +12,21 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: DateConstructor;
         default: undefined;
     };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    filter: (value: Date) => boolean;
     modelValue: Date;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -29,10 +39,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     dayOptions: import("@vue/composition-api").ComputedRef<Date[]>;
     formatDay: (value: Date) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    filter: (value: Date) => boolean;
     modelValue: Date;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    filter: (value: Date) => boolean;
     modelValue: Date;
 }, true>);
 export default _default;

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

@@ -1,3 +1,4 @@
+import { PropType } from 'vue-demi';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     yearButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
@@ -37,12 +38,21 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: DateConstructor;
         default: undefined;
     };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    filter: (value: Date) => boolean;
     modelValue: Date;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -81,10 +91,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     formatYear: (value: Date) => string;
     formatMonth: (value: Date) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    filter: (value: Date) => boolean;
     modelValue: Date;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    filter: (value: Date) => boolean;
     modelValue: Date;
 }, true>);
 export default _default;

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

@@ -1,3 +1,4 @@
+import { PropType } from 'vue-demi';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -13,12 +14,21 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: DateConstructor;
         default: undefined;
     };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    filter: (value: Date) => boolean;
     modelValue: Date;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -33,10 +43,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     formatHours: (value: Date) => string;
     formatMinutes: (value: Date) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    filter: (value: Date) => boolean;
     modelValue: Date;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    filter: (value: Date) => boolean;
     modelValue: Date;
 }, true>);
 export default _default;

package/dist/esm/v2/index.js

@@ -21,7 +21,7 @@ export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
 export { _ as OrConfirm } from './OrConfirm-64e815c7.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-1be17f86.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-85e5e03e.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-57094f24.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-9b277e74.js';
 export { _ as OrInputBoxV3 } from './OrInputBox-0f4e8500.js';
 export { I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize } from './OrInputBox.vue_rollup-plugin-vue_script-b2d0c353.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-2d3fd68d.js';

package/dist/esm/v3/{OrDateTimePicker-a8247a84.js → OrDateTimePicker-46b452b3.js}

@@ -67,6 +67,10 @@ var script$6 = defineComponent({
     modelValue: {
       type: Date,
       default: undefined
+    },
+    filter: {
+      type: Function,
+      default: undefined
     }
   },
   emits: ['update:modelValue'],
@@ -135,12 +139,13 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.buttonGroupItemStyles),
       variant: Number(value) === Number(_ctx.proxyModelValue) ? 'contained' : 'text',
       color: Number(value) === Number(_ctx.proxyModelValue) ? 'primary' : 'inherit',
+      disabled: _ctx.filter && !_ctx.filter(value),
       onClick: withModifiers($event => _ctx.proxyModelValue = value, ["stop"])
     }, {
       default: withCtx(() => [createTextVNode(toDisplayString(_ctx.formatDay(value)), 1 /* TEXT */)]),
 
       _: 2 /* DYNAMIC */
-    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "variant", "color", "onClick"]);
+    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "variant", "color", "disabled", "onClick"]);
   }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)], 2 /* CLASS */);
 }
 
@@ -224,6 +229,10 @@ var script$4 = defineComponent({
     modelValue: {
       type: Date,
       default: undefined
+    },
+    filter: {
+      type: Function,
+      default: undefined
     }
   },
   emits: ['update:modelValue'],
@@ -365,6 +374,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
       return openBlock(), createBlock(_component_OrMenuItem, {
         key: Number(value),
         selected: Number(value) === Number(_ctx.proxyModelValue),
+        disabled: _ctx.filter && !_ctx.filter(value),
         onClick: withModifiers($event => {
           _ctx.proxyModelValue = value;
           _ctx.yearMenu.close();
@@ -373,7 +383,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
         default: withCtx(() => [createTextVNode(toDisplayString(_ctx.formatYear(value)), 1 /* TEXT */)]),
 
         _: 2 /* DYNAMIC */
-      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "onClick"]);
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "disabled", "onClick"]);
     }), 128 /* KEYED_FRAGMENT */))]),
 
     _: 1 /* STABLE */
@@ -385,6 +395,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
       return openBlock(), createBlock(_component_OrMenuItem, {
         key: Number(value),
         selected: Number(value) === Number(_ctx.proxyModelValue),
+        disabled: _ctx.filter && !_ctx.filter(value),
         onClick: withModifiers($event => {
           _ctx.proxyModelValue = value;
           _ctx.monthMenu.close();
@@ -393,7 +404,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
         default: withCtx(() => [createTextVNode(toDisplayString(_ctx.formatMonth(value)), 1 /* TEXT */)]),
 
         _: 2 /* DYNAMIC */
-      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "onClick"]);
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "disabled", "onClick"]);
     }), 128 /* KEYED_FRAGMENT */))]),
 
     _: 1 /* STABLE */
@@ -520,6 +531,10 @@ var script$1 = defineComponent({
     modelValue: {
       type: Date,
       default: undefined
+    },
+    filter: {
+      type: Function,
+      default: undefined
     }
   },
   emits: ['update:modelValue'],
@@ -597,12 +612,13 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.buttonGroupItemStyles),
       variant: Number(value) === Number(_ctx.proxyModelValue) ? 'contained' : 'text',
       color: Number(value) === Number(_ctx.proxyModelValue) ? 'primary' : 'inherit',
+      disabled: _ctx.filter && !_ctx.filter(value),
       onClick: withModifiers($event => _ctx.proxyModelValue = value, ["stop"])
     }, {
       default: withCtx(() => [createTextVNode(toDisplayString(_ctx.formatHours(value)), 1 /* TEXT */)]),
 
       _: 2 /* DYNAMIC */
-    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "variant", "color", "onClick"]);
+    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "variant", "color", "disabled", "onClick"]);
   }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */), createTextVNode(" : "), createElementVNode("div", {
     class: normalizeClass(_ctx.buttonGroupStyles)
   }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.minutesOptions, value => {
@@ -611,12 +627,13 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.buttonGroupItemStyles),
       variant: Number(value) === Number(_ctx.proxyModelValue) ? 'contained' : 'text',
       color: Number(value) === Number(_ctx.proxyModelValue) ? 'primary' : 'inherit',
+      disabled: _ctx.filter && !_ctx.filter(value),
       onClick: withModifiers($event => _ctx.proxyModelValue = value, ["stop"])
     }, {
       default: withCtx(() => [createTextVNode(toDisplayString(_ctx.formatMinutes(value)), 1 /* TEXT */)]),
 
       _: 2 /* DYNAMIC */
-    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "variant", "color", "onClick"]);
+    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "variant", "color", "disabled", "onClick"]);
   }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)], 2 /* CLASS */);
 }
 
@@ -663,6 +680,10 @@ var script = defineComponent({
       type: Date,
       default: undefined
     },
+    filter: {
+      type: Function,
+      default: undefined
+    },
     size: {
       type: String,
       default: InputBoxSize.M
@@ -909,11 +930,13 @@ 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)
-      }, null, 8 /* PROPS */, ["modelValue"]), createVNode(_component_OrDateTimePickerDaySelect, {
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $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)
-      }, null, 8 /* PROPS */, ["modelValue"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.draftModelValue = $event),
+        filter: _ctx.filter
+      }, null, 8 /* PROPS */, ["modelValue", "filter"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
         onResolve: _cache[2] || (_cache[2] = $event => {
           _ctx.proxyModelValue = _ctx.draftModelValue;
           _ctx.datePopover.close();
@@ -948,8 +971,9 @@ 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)
-      }, null, 8 /* PROPS */, ["modelValue"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.draftModelValue = $event),
+        filter: _ctx.filter
+      }, null, 8 /* PROPS */, ["modelValue", "filter"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
         onResolve: _cache[5] || (_cache[5] = $event => {
           _ctx.proxyModelValue = _ctx.draftModelValue;
           _ctx.timePopover.close();

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

@@ -18,7 +18,7 @@ export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
 export { s as OrConfirm } from '../OrConfirm-f408faf5.js';
 export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-ecb8c576.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-30749526.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-a8247a84.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-46b452b3.js';
 export { I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TextareaSize } from '../OrInputBox-901887a1.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState-5349a1f9.js';
 export { s as OrError } from '../OrError-f90296db.js';

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

@@ -46,6 +46,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
     size: {
         type: PropType<DateTimePickerSize>;
         default: DateTimePickerSize;
@@ -83,6 +87,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
     size: {
         type: PropType<DateTimePickerSize>;
         default: DateTimePickerSize;
@@ -116,6 +124,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    filter: (value: Date) => boolean;
     modelValue: Date;
     size: DateTimePickerSize;
     label: string;
@@ -169,6 +178,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     formatDateAlt: (value?: Date) => string;
     formatTimeAlt: (value?: Date) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    filter: (value: Date) => boolean;
     modelValue: Date;
     size: DateTimePickerSize;
     label: string;
@@ -181,6 +191,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    filter: (value: Date) => boolean;
     modelValue: Date;
     size: DateTimePickerSize;
     label: string;

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

@@ -1,4 +1,4 @@
-export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-a8247a84.js';
+export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-46b452b3.js';
 export { I as DateTimePickerSize } from '../../OrInputBox-901887a1.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';

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

@@ -1,3 +1,4 @@
+import { PropType } from 'vue-demi';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -11,12 +12,21 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: DateConstructor;
         default: undefined;
     };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    filter: (value: Date) => boolean;
     modelValue: Date;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -29,10 +39,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     dayOptions: import("@vue/composition-api").ComputedRef<Date[]>;
     formatDay: (value: Date) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    filter: (value: Date) => boolean;
     modelValue: Date;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    filter: (value: Date) => boolean;
     modelValue: Date;
 }, true>);
 export default _default;

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

@@ -1,3 +1,4 @@
+import { PropType } from 'vue-demi';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     yearButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
@@ -37,12 +38,21 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: DateConstructor;
         default: undefined;
     };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    filter: (value: Date) => boolean;
     modelValue: Date;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -81,10 +91,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     formatYear: (value: Date) => string;
     formatMonth: (value: Date) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    filter: (value: Date) => boolean;
     modelValue: Date;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    filter: (value: Date) => boolean;
     modelValue: Date;
 }, true>);
 export default _default;

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

@@ -1,3 +1,4 @@
+import { PropType } from 'vue-demi';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -13,12 +14,21 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: DateConstructor;
         default: undefined;
     };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    filter: (value: Date) => boolean;
     modelValue: Date;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -33,10 +43,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     formatHours: (value: Date) => string;
     formatMinutes: (value: Date) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    filter: (value: Date) => boolean;
     modelValue: Date;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    filter: (value: Date) => boolean;
     modelValue: Date;
 }, true>);
 export default _default;