@onereach/ui-components 4.1.1-beta.2585.0 → 4.1.1-beta.2586.0

package/dist/bundled/v2/{OrDateTimePickerMonthSelect-4a690ecc.js → OrDateTimePickerMonthSelect-f5e60fd3.js}

@@ -118,19 +118,19 @@ const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
 }, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);
 var OrDateTimePickerDateControl = __vue_component__$2;
 
-const DateTimePickerDaySelect = [
+const DateTimePickerDateSelect = [
 // Layout
 'layout-column',
 // Spacing
 'px-md', 'py-md', 'gap-sm'];
-const DateTimePickerDaySelectButtonGroup = [
+const DateTimePickerDateSelectButtonGroup = [
 // Layout
 'grid content-start', 'grid-cols-7',
 // Box
 'h-[318px] md:h-[262px]',
 // Spacing
 'gap-xs'];
-const DateTimePickerDaySelectButtonGroupWeekdayItem = [
+const DateTimePickerDateSelectButtonGroupWeekdayItem = [
 // Layout
 'layout-row justify-center',
 // Spacing
@@ -141,19 +141,19 @@ const DateTimePickerDaySelectButtonGroupWeekdayItem = [
 'typography-caption-regular',
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
-const DateTimePickerDaySelectButtonGroupDayItem = [
+const DateTimePickerDateSelectButtonGroupDayItem = [
 // Box
 'min-w-fit',
 // Spacing
 '!px-sm', '!py-sm',
 // Typography
 'typography-caption-regular'];
-const DateTimePickerDaySelectButtonGroupTodayItem = [
+const DateTimePickerDateSelectButtonGroupTodayItem = [
 // Theme
 'theme-foreground-primary', 'dark:theme-foreground-primary-dark', 'theme-outline-1-primary', 'dark:theme-outline-1-primary-dark'];
 
 var script$1 = defineComponent({
-  name: 'OrDateTimePickerDaySelect',
+  name: 'OrDateTimePickerDateSelect',
   components: {
     OrButton: __vue_component__$3
   },
@@ -170,7 +170,7 @@ var script$1 = defineComponent({
       type: Date,
       required: true
     },
-    filter: {
+    dateFilter: {
       type: Function,
       default: undefined
     }
@@ -181,11 +181,11 @@ var script$1 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-day-select', ...DateTimePickerDaySelect]);
-    const buttonGroupStyles = computed(() => [...DateTimePickerDaySelectButtonGroup]);
-    const buttonGroupWeekdayItemStyles = computed(() => [...DateTimePickerDaySelectButtonGroupWeekdayItem]);
-    const buttonGroupDayItemStyles = computed(() => [...DateTimePickerDaySelectButtonGroupDayItem]);
-    const buttonGroupTodayItemStyles = computed(() => [...DateTimePickerDaySelectButtonGroupTodayItem]);
+    const rootStyles = computed(() => ['or-date-time-picker-date-select', ...DateTimePickerDateSelect]);
+    const buttonGroupStyles = computed(() => [...DateTimePickerDateSelectButtonGroup]);
+    const buttonGroupWeekdayItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupWeekdayItem]);
+    const buttonGroupDayItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupDayItem]);
+    const buttonGroupTodayItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupTodayItem]);
     // State
     const proxyModelValue = computed({
       get: () => {
@@ -274,7 +274,7 @@ var __vue_render__$1 = function () {
       attrs: {
         "variant": Number(value) === Number(_vm.proxyModelValue) ? 'contained' : 'text',
         "color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit',
-        "disabled": _vm.filter && !_vm.filter(value)
+        "disabled": _vm.dateFilter && !_vm.dateFilter(value)
       },
       on: {
         "click": function ($event) {
@@ -305,7 +305,7 @@ const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$1,
   staticRenderFns: __vue_staticRenderFns__$1
 }, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
-var OrDateTimePickerDaySelect = __vue_component__$1;
+var OrDateTimePickerDateSelect = __vue_component__$1;
 
 const DateTimePickerMonthSelect = [
 // Layout
@@ -335,7 +335,11 @@ var script = defineComponent({
       type: Date,
       required: true
     },
-    filter: {
+    yearFilter: {
+      type: Function,
+      default: undefined
+    },
+    monthFilter: {
       type: Function,
       default: undefined
     }
@@ -503,7 +507,7 @@ var __vue_render__ = function () {
       key: Number(value),
       attrs: {
         "selected": Number(value) === Number(_vm.proxyModelValue),
-        "disabled": _vm.filter && !_vm.filter(value)
+        "disabled": _vm.yearFilter && !_vm.yearFilter(value)
       },
       on: {
         "click": function ($event) {
@@ -523,7 +527,7 @@ var __vue_render__ = function () {
       key: Number(value),
       attrs: {
         "selected": Number(value) === Number(_vm.proxyModelValue),
-        "disabled": _vm.filter && !_vm.filter(value)
+        "disabled": _vm.monthFilter && !_vm.monthFilter(value)
       },
       on: {
         "click": function ($event) {
@@ -567,4 +571,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 var OrDateTimePickerMonthSelect = __vue_component__;
 
-export { OrDateTimePickerDateControl as O, OrDateTimePickerDaySelect as a, OrDateTimePickerMonthSelect as b };
+export { OrDateTimePickerDateControl as O, OrDateTimePickerDateSelect as a, OrDateTimePickerMonthSelect as b };

package/dist/bundled/v2/{OrDateTimePickerTimeSelect-0653e282.js → OrDateTimePickerTimeSelect-aa60911c.js}

@@ -154,7 +154,11 @@ var script = defineComponent({
       type: Date,
       required: true
     },
-    filter: {
+    hoursFilter: {
+      type: Function,
+      default: undefined
+    },
+    minutesFilter: {
       type: Function,
       default: undefined
     }
@@ -238,7 +242,7 @@ var __vue_render__ = function () {
       attrs: {
         "variant": Number(value) === Number(_vm.proxyModelValue) ? 'contained' : 'text',
         "color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit',
-        "disabled": _vm.filter && !_vm.filter(value)
+        "disabled": _vm.hoursFilter && !_vm.hoursFilter(value)
       },
       on: {
         "click": function ($event) {
@@ -256,7 +260,7 @@ var __vue_render__ = function () {
       attrs: {
         "variant": Number(value) === Number(_vm.proxyModelValue) ? 'contained' : 'text',
         "color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit',
-        "disabled": _vm.filter && !_vm.filter(value)
+        "disabled": _vm.minutesFilter && !_vm.minutesFilter(value)
       },
       on: {
         "click": function ($event) {

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

@@ -4,7 +4,7 @@ import { useDefaultHours } from '../OrDateTimePickerV3/hooks/useDefaultHours.js'
 import { useDefaultMinutes } from '../OrDateTimePickerV3/hooks/useDefaultMinutes.js';
 import { useDefaultMonth } from '../OrDateTimePickerV3/hooks/useDefaultMonth.js';
 import { useDefaultYear } from '../OrDateTimePickerV3/hooks/useDefaultYear.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDaySelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-4a690ecc.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-f5e60fd3.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import { DatePicker, DatePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
@@ -58,7 +58,7 @@ var script = defineComponent({
   name: 'OrDatePicker',
   components: {
     OrDateTimePickerDateControl,
-    OrDateTimePickerDaySelect,
+    OrDateTimePickerDateSelect,
     OrDateTimePickerMobileControl,
     OrDateTimePickerMonthSelect,
     OrDateTimePickerPopoverFooter,
@@ -84,7 +84,15 @@ var script = defineComponent({
       type: Date,
       default: undefined
     },
-    filter: {
+    yearFilter: {
+      type: Function,
+      default: undefined
+    },
+    monthFilter: {
+      type: Function,
+      default: undefined
+    },
+    dateFilter: {
       type: Function,
       default: undefined
     },
@@ -283,7 +291,8 @@ var __vue_render__ = function () {
   }, [_vm._v("\n          " + _vm._s(_vm.formatDateAlt(_vm.draftModelValue)) + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerMonthSelect', {
     attrs: {
       "initial-value": _vm.initialModelValue,
-      "filter": _vm.filter
+      "year-filter": _vm.yearFilter,
+      "month-filter": _vm.monthFilter
     },
     model: {
       value: _vm.draftModelValue,
@@ -292,10 +301,10 @@ var __vue_render__ = function () {
       },
       expression: "draftModelValue"
     }
-  }), _vm._v(" "), _c('OrDateTimePickerDaySelect', {
+  }), _vm._v(" "), _c('OrDateTimePickerDateSelect', {
     attrs: {
       "initial-value": _vm.initialModelValue,
-      "filter": _vm.filter
+      "date-filter": _vm.dateFilter
     },
     model: {
       value: _vm.draftModelValue,

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.vue.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue-demi';
+import { FilterFunction } from '../or-date-time-picker-v3';
 import { DatePickerSize } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
@@ -29,8 +30,16 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
-    filter: {
-        type: PropType<(value: Date) => boolean>;
+    yearFilter: {
+        type: PropType<FilterFunction>;
+        default: undefined;
+    };
+    monthFilter: {
+        type: PropType<FilterFunction>;
+        default: undefined;
+    };
+    dateFilter: {
+        type: PropType<FilterFunction>;
         default: undefined;
     };
     size: {
@@ -70,8 +79,16 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
-    filter: {
-        type: PropType<(value: Date) => boolean>;
+    yearFilter: {
+        type: PropType<FilterFunction>;
+        default: undefined;
+    };
+    monthFilter: {
+        type: PropType<FilterFunction>;
+        default: undefined;
+    };
+    dateFilter: {
+        type: PropType<FilterFunction>;
         default: undefined;
     };
     size: {
@@ -107,8 +124,10 @@ 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;
+    yearFilter: FilterFunction;
+    monthFilter: FilterFunction;
+    dateFilter: FilterFunction;
     size: DatePickerSize;
     label: string;
     hint: string;
@@ -144,8 +163,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     closePopover: () => void;
     formatDateAlt: (value?: Date) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    filter: (value: Date) => boolean;
     modelValue: Date;
+    yearFilter: FilterFunction;
+    monthFilter: FilterFunction;
+    dateFilter: FilterFunction;
     size: DatePickerSize;
     label: string;
     hint: string;
@@ -157,8 +178,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    filter: (value: Date) => boolean;
     modelValue: Date;
+    yearFilter: FilterFunction;
+    monthFilter: FilterFunction;
+    dateFilter: FilterFunction;
     size: DatePickerSize;
     label: string;
     hint: string;

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

@@ -6,7 +6,7 @@ import '../OrDateTimePickerV3/hooks/useDefaultHours.js';
 import '../OrDateTimePickerV3/hooks/useDefaultMinutes.js';
 import '../OrDateTimePickerV3/hooks/useDefaultMonth.js';
 import '../OrDateTimePickerV3/hooks/useDefaultYear.js';
-import '../../OrDateTimePickerMonthSelect-4a690ecc.js';
+import '../../OrDateTimePickerMonthSelect-f5e60fd3.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV3/OrButton.js';

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

@@ -4,9 +4,9 @@ import { useDefaultHours } from './hooks/useDefaultHours.js';
 import { useDefaultMinutes } from './hooks/useDefaultMinutes.js';
 import { useDefaultMonth } from './hooks/useDefaultMonth.js';
 import { useDefaultYear } from './hooks/useDefaultYear.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDaySelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-4a690ecc.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-f5e60fd3.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-0653e282.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-aa60911c.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -60,7 +60,7 @@ var script = defineComponent({
   name: 'OrDateTimePicker',
   components: {
     OrDateTimePickerDateControl,
-    OrDateTimePickerDaySelect,
+    OrDateTimePickerDateSelect,
     OrDateTimePickerMobileControl,
     OrDateTimePickerMonthSelect,
     OrDateTimePickerPopoverFooter,
@@ -88,11 +88,23 @@ var script = defineComponent({
       type: Date,
       default: undefined
     },
+    yearFilter: {
+      type: Function,
+      default: undefined
+    },
+    monthFilter: {
+      type: Function,
+      default: undefined
+    },
     dateFilter: {
       type: Function,
       default: undefined
     },
-    timeFilter: {
+    hoursFilter: {
+      type: Function,
+      default: undefined
+    },
+    minutesFilter: {
       type: Function,
       default: undefined
     },
@@ -358,7 +370,8 @@ var __vue_render__ = function () {
   }, [_vm._v("\n          " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerMonthSelect', {
     attrs: {
       "initial-value": _vm.initialModelValue,
-      "filter": _vm.dateFilter
+      "year-filter": _vm.yearFilter,
+      "month-filter": _vm.monthFilter
     },
     model: {
       value: _vm.draftModelValue,
@@ -367,10 +380,10 @@ var __vue_render__ = function () {
       },
       expression: "draftModelValue"
     }
-  }), _vm._v(" "), _c('OrDateTimePickerDaySelect', {
+  }), _vm._v(" "), _c('OrDateTimePickerDateSelect', {
     attrs: {
       "initial-value": _vm.initialModelValue,
-      "filter": _vm.dateFilter
+      "date-filter": _vm.dateFilter
     },
     model: {
       value: _vm.draftModelValue,
@@ -414,7 +427,8 @@ var __vue_render__ = function () {
   }, [_vm._v("\n          " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerTimeSelect', {
     attrs: {
       "initial-value": _vm.initialModelValue,
-      "filter": _vm.timeFilter
+      "hours-filter": _vm.hoursFilter,
+      "minutes-filter": _vm.minutesFilter
     },
     model: {
       value: _vm.draftModelValue,

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.vue.d.ts

@@ -1,5 +1,6 @@
 import { PropType } from 'vue-demi';
 import { DateTimePickerSize } from './props';
+import { FilterFunction } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     inputBox: 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, {
@@ -39,12 +40,24 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
+    yearFilter: {
+        type: PropType<FilterFunction>;
+        default: undefined;
+    };
+    monthFilter: {
+        type: PropType<FilterFunction>;
+        default: undefined;
+    };
     dateFilter: {
-        type: PropType<(value: Date) => boolean>;
+        type: PropType<FilterFunction>;
+        default: undefined;
+    };
+    hoursFilter: {
+        type: PropType<FilterFunction>;
         default: undefined;
     };
-    timeFilter: {
-        type: PropType<(value: Date) => boolean>;
+    minutesFilter: {
+        type: PropType<FilterFunction>;
         default: undefined;
     };
     size: {
@@ -84,12 +97,24 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
+    yearFilter: {
+        type: PropType<FilterFunction>;
+        default: undefined;
+    };
+    monthFilter: {
+        type: PropType<FilterFunction>;
+        default: undefined;
+    };
     dateFilter: {
-        type: PropType<(value: Date) => boolean>;
+        type: PropType<FilterFunction>;
+        default: undefined;
+    };
+    hoursFilter: {
+        type: PropType<FilterFunction>;
         default: undefined;
     };
-    timeFilter: {
-        type: PropType<(value: Date) => boolean>;
+    minutesFilter: {
+        type: PropType<FilterFunction>;
         default: undefined;
     };
     size: {
@@ -126,8 +151,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: Date;
-    dateFilter: (value: Date) => boolean;
-    timeFilter: (value: Date) => boolean;
+    yearFilter: FilterFunction;
+    monthFilter: FilterFunction;
+    dateFilter: FilterFunction;
+    hoursFilter: FilterFunction;
+    minutesFilter: FilterFunction;
     size: DateTimePickerSize;
     label: string;
     hint: string;
@@ -174,8 +202,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     formatTimeAlt: (value?: Date) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: Date;
-    dateFilter: (value: Date) => boolean;
-    timeFilter: (value: Date) => boolean;
+    yearFilter: FilterFunction;
+    monthFilter: FilterFunction;
+    dateFilter: FilterFunction;
+    hoursFilter: FilterFunction;
+    minutesFilter: FilterFunction;
     size: DateTimePickerSize;
     label: string;
     hint: string;
@@ -188,8 +219,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Date;
-    dateFilter: (value: Date) => boolean;
-    timeFilter: (value: Date) => boolean;
+    yearFilter: FilterFunction;
+    monthFilter: FilterFunction;
+    dateFilter: FilterFunction;
+    hoursFilter: FilterFunction;
+    minutesFilter: FilterFunction;
     size: DateTimePickerSize;
     label: string;
     hint: string;

package/dist/bundled/v2/components/OrDateTimePickerV3/index.d.ts

@@ -1,2 +1,3 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.vue';
 export * from './props';
+export * from './types';

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

@@ -6,7 +6,7 @@ import './hooks/useDefaultHours.js';
 import './hooks/useDefaultMinutes.js';
 import './hooks/useDefaultMonth.js';
 import './hooks/useDefaultYear.js';
-import '../../OrDateTimePickerMonthSelect-4a690ecc.js';
+import '../../OrDateTimePickerMonthSelect-f5e60fd3.js';
 import './hooks/useDatePlaceholder.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV3/OrButton.js';
@@ -45,7 +45,7 @@ import '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-0653e282.js';
+import '../../OrDateTimePickerTimeSelect-aa60911c.js';
 import './hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/types.d.ts

@@ -0,0 +1,3 @@
+export interface FilterFunction {
+    (value: Date): boolean;
+}

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

@@ -0,0 +1 @@
+

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

@@ -5,7 +5,7 @@ import { useDefaultMinutes } from '../OrDateTimePickerV3/hooks/useDefaultMinutes
 import { useDefaultMonth } from '../OrDateTimePickerV3/hooks/useDefaultMonth.js';
 import { useDefaultYear } from '../OrDateTimePickerV3/hooks/useDefaultYear.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-0653e282.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-aa60911c.js';
 import { TimePicker, TimePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -79,7 +79,11 @@ var script = defineComponent({
       type: Date,
       default: undefined
     },
-    filter: {
+    hoursFilter: {
+      type: Function,
+      default: undefined
+    },
+    minutesFilter: {
       type: Function,
       default: undefined
     },
@@ -278,7 +282,8 @@ var __vue_render__ = function () {
   }, [_vm._v("\n          " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerTimeSelect', {
     attrs: {
       "initial-value": _vm.initialModelValue,
-      "filter": _vm.filter
+      "hours-filter": _vm.hoursFilter,
+      "minutes-filter": _vm.minutesFilter
     },
     model: {
       value: _vm.draftModelValue,

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.vue.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue-demi';
+import { FilterFunction } from '../or-date-time-picker-v3/types';
 import { TimePickerSize } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
@@ -29,8 +30,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
-    filter: {
-        type: PropType<(value: Date) => boolean>;
+    hoursFilter: {
+        type: PropType<FilterFunction>;
+        default: undefined;
+    };
+    minutesFilter: {
+        type: PropType<FilterFunction>;
         default: undefined;
     };
     size: {
@@ -70,8 +75,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
-    filter: {
-        type: PropType<(value: Date) => boolean>;
+    hoursFilter: {
+        type: PropType<FilterFunction>;
+        default: undefined;
+    };
+    minutesFilter: {
+        type: PropType<FilterFunction>;
         default: undefined;
     };
     size: {
@@ -107,8 +116,9 @@ 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;
+    hoursFilter: FilterFunction;
+    minutesFilter: FilterFunction;
     size: TimePickerSize;
     label: string;
     hint: string;
@@ -144,8 +154,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     closePopover: () => void;
     formatTimeAlt: (value?: Date) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    filter: (value: Date) => boolean;
     modelValue: Date;
+    hoursFilter: FilterFunction;
+    minutesFilter: FilterFunction;
     size: TimePickerSize;
     label: string;
     hint: string;
@@ -157,8 +168,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    filter: (value: Date) => boolean;
     modelValue: Date;
+    hoursFilter: FilterFunction;
+    minutesFilter: FilterFunction;
     size: TimePickerSize;
     label: string;
     hint: string;

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

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

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

@@ -207,13 +207,13 @@ import './OrDateTimePickerV3/hooks/useDefaultHours.js';
 import './OrDateTimePickerV3/hooks/useDefaultMinutes.js';
 import './OrDateTimePickerV3/hooks/useDefaultMonth.js';
 import './OrDateTimePickerV3/hooks/useDefaultYear.js';
-import '../OrDateTimePickerMonthSelect-4a690ecc.js';
+import '../OrDateTimePickerMonthSelect-f5e60fd3.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import './OrDatePickerV3/styles.js';
 import '../directives/dropdown-close.js';
 import '../directives/dropdown-open.js';
-import '../OrDateTimePickerTimeSelect-0653e282.js';
+import '../OrDateTimePickerTimeSelect-aa60911c.js';
 import './OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './OrDateTimePickerV3/styles.js';
 import './OrEmptyStateV3/styles.js';