@onereach/ui-components 18.2.0-beta.4943.0 → 18.3.0-beta.4946.0

package/dist/esm/components/index.js

@@ -33,13 +33,13 @@ export { OrConfirm } from './or-confirm/index.js';
 export { ConfirmType, OrConfirmV3 } from './or-confirm-v3/index.js';
 export { OrContextMenuV3 } from './or-context-menu-v3/index.js';
 export { OrDataGridV3 } from './or-data-grid-v3/index.js';
-export { D as DataGridVariant } from '../index-4efb537f.js';
+export { D as DataGridVariant } from '../index-f8564453.js';
 export { OrDateFormatV3 } from './or-date-format-v3/index.js';
 export { OrDatePickerV3 } from './or-date-picker-v3/index.js';
 export { OrDateRangePickerV3 } from './or-date-range-picker-v3/index.js';
 export { OrDateTimeFormatV3 } from './or-date-time-format-v3/index.js';
 export { DEFAULT_TEXT, OrDateTimePicker, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './or-date-time-picker/index.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-e1e778ae.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-2bdd4140.js';
 export { OrDateTimePickerDateControl, OrDateTimePickerDateSelect, OrDateTimePickerMobileControl, OrDateTimePickerMonthSelect, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect } from './or-date-time-picker-v3/partials/index.js';
 export { f as formatDate, a as formatTime } from '../formatTime-a1de80d6.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from '../getCurrentDate-9b88f8a8.js';

package/dist/esm/components/or-data-grid-v3/index.js

@@ -5,7 +5,7 @@ import { OrSearchV3 as script$h } from '../or-search-v3/index.js';
 import '../or-skeleton-v3/or-skeleton-circle-v3/index.js';
 import '../or-skeleton-v3/or-skeleton-rect-v3/index.js';
 import { OrSkeletonTextV3 as script$i } from '../or-skeleton-v3/or-skeleton-text-v3/index.js';
-import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, m as script$f, D as DataGridVariant } from '../../index-4efb537f.js';
+import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, m as script$f, D as DataGridVariant } from '../../index-f8564453.js';
 import '../../useIdAttribute-1a4eafac.js';
 import '../../types/index.js';
 import '../../include-a6208502.js';
@@ -52,7 +52,7 @@ import '../or-date-picker-v3/index.js';
 import '../../directives/index.js';
 import '../../useTimeFormat-75550b78.js';
 import '../../tokens/index.js';
-import '../../OrDateTimePicker-e1e778ae.js';
+import '../../OrDateTimePicker-2bdd4140.js';
 import '../or-date-time-picker-v3/partials/index.js';
 import '../../useTimeMask-a5856b1a.js';
 import '../../formatTime-a1de80d6.js';

package/dist/esm/components/or-data-grid-v3/partials/index.js

@@ -1,4 +1,4 @@
-export { s as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../index-4efb537f.js';
+export { s as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../index-f8564453.js';
 import 'vue';
 import '../../../types/index.js';
 import '../../../dom-11141778.js';
@@ -18,7 +18,7 @@ import '../../or-date-picker-v3/index.js';
 import '../../../directives/index.js';
 import '../../../useTimeFormat-75550b78.js';
 import '../../../tokens/index.js';
-import '../../../OrDateTimePicker-e1e778ae.js';
+import '../../../OrDateTimePicker-2bdd4140.js';
 import '../../or-error-v3/index.js';
 import '../../or-hint-v3/index.js';
 import '../../or-icon-button-v3/index.js';

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

@@ -5,7 +5,7 @@ import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import '../../types/index.js';
-import '../../OrDateTimePicker-e1e778ae.js';
+import '../../OrDateTimePicker-2bdd4140.js';
 import '../or-date-time-picker-v3/partials/index.js';
 import { f as formatDate } from '../../formatTime-a1de80d6.js';
 import '../../tokens/index.js';

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

@@ -7,7 +7,7 @@ import { u as useProxyModelValue } from '../../useProxyModelValue-55ed539b.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import '../../types/index.js';
-import '../../OrDateTimePicker-e1e778ae.js';
+import '../../OrDateTimePicker-2bdd4140.js';
 import { OrDateTimePickerDateControl as script$1, OrDateTimePickerDateSelect as script$2, OrDateTimePickerMobileControl as script$3, OrDateTimePickerMonthSelect as script$4, OrDateTimePickerPopoverFooter as script$5, OrDateTimePickerPopoverHeader as script$6 } from '../or-date-time-picker-v3/partials/index.js';
 import { g as getCurrentDate, f as formatMobileDate } from '../../getCurrentDate-9b88f8a8.js';
 import { OrErrorV3 as script$7 } from '../or-error-v3/index.js';

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

@@ -7,7 +7,7 @@ import { u as useProxyModelValue } from '../../useProxyModelValue-55ed539b.js';
 import { useResponsive } from '../../hooks/useResponsive/index.js';
 import '@onereach/styles/tailwind.config.json';
 import '../../types/index.js';
-import '../../OrDateTimePicker-e1e778ae.js';
+import '../../OrDateTimePicker-2bdd4140.js';
 import { OrDateTimePickerDateControl as script$1, OrDateTimePickerDateSelect as script$2, OrDateTimePickerMobileControl as script$3, OrDateTimePickerMonthSelect as script$4, OrDateTimePickerPopoverFooter as script$5, OrDateTimePickerPopoverHeader as script$6 } from '../or-date-time-picker-v3/partials/index.js';
 import { g as getCurrentDate, f as formatMobileDate } from '../../getCurrentDate-9b88f8a8.js';
 import { getNextMonthDate } from '../or-date-time-picker-v3/utils/index.js';

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

@@ -5,7 +5,7 @@ import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import '../../types/index.js';
-import '../../OrDateTimePicker-e1e778ae.js';
+import '../../OrDateTimePicker-2bdd4140.js';
 import '../or-date-time-picker-v3/partials/index.js';
 import { f as formatDate, a as formatTime } from '../../formatTime-a1de80d6.js';
 import '../../tokens/index.js';

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

@@ -39,6 +39,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FilterFunction<Date>>;
         default: undefined;
     };
+    hourStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minuteStep: {
+        type: NumberConstructor;
+        default: number;
+    };
     variant: {
         type: PropType<"styled" | "unstyled" | "embedded">;
         default: undefined;
@@ -262,6 +270,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FilterFunction<Date>>;
         default: undefined;
     };
+    hourStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minuteStep: {
+        type: NumberConstructor;
+        default: number;
+    };
     variant: {
         type: PropType<"styled" | "unstyled" | "embedded">;
         default: undefined;
@@ -316,6 +332,8 @@ declare const _default: import("vue").DefineComponent<{
     dateFilter: FilterFunction<Date>;
     hoursFilter: FilterFunction<Date>;
     minutesFilter: FilterFunction<Date>;
+    hourStep: number;
+    minuteStep: number;
     variant: "styled" | "unstyled" | "embedded";
     size: "m" | "s";
     label: string;

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

@@ -1,4 +1,4 @@
-export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-e1e778ae.js';
+export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-2bdd4140.js';
 export { OrDateTimePickerDateControl, OrDateTimePickerDateSelect, OrDateTimePickerMobileControl, OrDateTimePickerMonthSelect, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect } from './partials/index.js';
 export { f as formatDate, a as formatTime } from '../../formatTime-a1de80d6.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from '../../getCurrentDate-9b88f8a8.js';

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

@@ -815,6 +815,14 @@ var script = defineComponent({
       type: Function,
       default: undefined
     },
+    hourStep: {
+      type: Number,
+      default: 1
+    },
+    minuteStep: {
+      type: Number,
+      default: 1
+    },
     isActive: {
       type: Boolean,
       default: false
@@ -882,11 +890,12 @@ var script = defineComponent({
       return props.format;
     });
     const hoursOptions = computed(() => {
+      const hourStep = props.hourStep > 0 ? props.hourStep : 1;
       return Array.from({
-        length: 24
+        length: Math.ceil(24 / hourStep)
       }, (_value, index) => {
         var _a, _b, _c, _d;
-        const value = index;
+        const value = index * hourStep;
         return new Date(Date.UTC(((_a = model.value) !== null && _a !== void 0 ? _a : props.initialValue).getUTCFullYear(), ((_b = model.value) !== null && _b !== void 0 ? _b : props.initialValue).getUTCMonth(), ((_c = model.value) !== null && _c !== void 0 ? _c : props.initialValue).getUTCDate(), value, ((_d = model.value) !== null && _d !== void 0 ? _d : props.initialValue).getUTCMinutes()));
       }).filter(value => {
         if (proxyTimeFormat.value === TimeFormat.H23) {
@@ -901,11 +910,12 @@ var script = defineComponent({
       });
     });
     const minutesOptions = computed(() => {
+      const minuteStep = props.minuteStep > 0 ? props.minuteStep : 1;
       return Array.from({
-        length: 60
+        length: Math.ceil(60 / minuteStep)
       }, (_value, index) => {
         var _a, _b, _c, _d;
-        const value = index;
+        const value = index * minuteStep;
         return new Date(Date.UTC(((_a = model.value) !== null && _a !== void 0 ? _a : props.initialValue).getUTCFullYear(), ((_b = model.value) !== null && _b !== void 0 ? _b : props.initialValue).getUTCMonth(), ((_c = model.value) !== null && _c !== void 0 ? _c : props.initialValue).getUTCDate(), ((_d = model.value) !== null && _d !== void 0 ? _d : props.initialValue).getUTCHours(), value));
       });
     });

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

@@ -26,6 +26,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FilterFunction<Date>>;
         default: undefined;
     };
+    hourStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minuteStep: {
+        type: NumberConstructor;
+        default: number;
+    };
     isActive: {
         type: BooleanConstructor;
         default: boolean;
@@ -69,6 +77,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FilterFunction<Date>>;
         default: undefined;
     };
+    hourStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minuteStep: {
+        type: NumberConstructor;
+        default: number;
+    };
     isActive: {
         type: BooleanConstructor;
         default: boolean;
@@ -79,6 +95,8 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: DateTimePickerModelValue;
     hoursFilter: FilterFunction<Date>;
     minutesFilter: FilterFunction<Date>;
+    hourStep: number;
+    minuteStep: number;
     isActive: boolean;
 }, {}>;
 export default _default;

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

@@ -5,7 +5,7 @@ import { b as useTimeFormat, a as useLocale } from '../../useTimeFormat-75550b78
 import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrDateTimePicker-e1e778ae.js';
+import '../../OrDateTimePicker-2bdd4140.js';
 import '../or-date-time-picker-v3/partials/index.js';
 import { a as formatTime } from '../../formatTime-a1de80d6.js';
 import 'lodash/get';

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

@@ -23,6 +23,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FilterFunction<Date>>;
         default: undefined;
     };
+    hourStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minuteStep: {
+        type: NumberConstructor;
+        default: number;
+    };
     variant: {
         type: PropType<"styled" | "unstyled" | "embedded">;
         default: undefined;
@@ -223,6 +231,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FilterFunction<Date>>;
         default: undefined;
     };
+    hourStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minuteStep: {
+        type: NumberConstructor;
+        default: number;
+    };
     variant: {
         type: PropType<"styled" | "unstyled" | "embedded">;
         default: undefined;
@@ -273,6 +289,8 @@ declare const _default: import("vue").DefineComponent<{
     locale: string;
     hoursFilter: FilterFunction<Date>;
     minutesFilter: FilterFunction<Date>;
+    hourStep: number;
+    minuteStep: number;
     variant: "styled" | "unstyled" | "embedded";
     size: "m" | "s";
     label: string;

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

@@ -7,7 +7,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from '../../useProxyModelValue-55ed539b.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrDateTimePicker-e1e778ae.js';
+import '../../OrDateTimePicker-2bdd4140.js';
 import { OrDateTimePickerMobileControl as script$1, OrDateTimePickerPopoverFooter as script$2, OrDateTimePickerPopoverHeader as script$3, OrDateTimePickerTimeControl as script$4, OrDateTimePickerTimeSelect as script$5 } from '../or-date-time-picker-v3/partials/index.js';
 import { g as getCurrentDate, a as formatMobileTime } from '../../getCurrentDate-9b88f8a8.js';
 import { OrErrorV3 as script$6 } from '../or-error-v3/index.js';
@@ -92,6 +92,14 @@ var script = defineComponent({
       type: Function,
       default: undefined
     },
+    hourStep: {
+      type: Number,
+      default: 1
+    },
+    minuteStep: {
+      type: Number,
+      default: 1
+    },
     variant: {
       type: String,
       default: undefined
@@ -305,8 +313,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         locale: _ctx.resolvedLocale,
         "hours-filter": _ctx.hoursFilter,
         "minutes-filter": _ctx.minutesFilter,
+        "hour-step": _ctx.hourStep,
+        "minute-step": _ctx.minuteStep,
         "is-active": _ctx.popover && _ctx.popover.state === 'open'
-      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "hours-filter", "minutes-filter", "is-active"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "hours-filter", "minutes-filter", "hour-step", "minute-step", "is-active"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
         disabled: _ctx.invalid,
         onApply: _cache[2] || (_cache[2] = $event => {
           _ctx.apply();

package/dist/esm/components/or-time-range-picker-v3/OrTimeRangePicker.vue.d.ts

@@ -16,6 +16,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    hourStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minuteStep: {
+        type: NumberConstructor;
+        default: number;
+    };
     variant: {
         type: PropType<"styled" | "unstyled" | "embedded">;
         default: undefined;
@@ -462,6 +470,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    hourStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minuteStep: {
+        type: NumberConstructor;
+        default: number;
+    };
     variant: {
         type: PropType<"styled" | "unstyled" | "embedded">;
         default: undefined;
@@ -510,6 +526,8 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: TimeRangePickerModelValue;
     format: "auto" | "h12" | "h23" | FormatFunction<DateTimePickerModelValue>;
     locale: string;
+    hourStep: number;
+    minuteStep: number;
     variant: "styled" | "unstyled" | "embedded";
     size: "m" | "s";
     label: string;

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

@@ -7,7 +7,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from '../../useProxyModelValue-55ed539b.js';
 import { useResponsive } from '../../hooks/useResponsive/index.js';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrDateTimePicker-e1e778ae.js';
+import '../../OrDateTimePicker-2bdd4140.js';
 import { OrDateTimePickerMobileControl as script$1, OrDateTimePickerPopoverFooter as script$2, OrDateTimePickerPopoverHeader as script$3, OrDateTimePickerTimeControl as script$4, OrDateTimePickerTimeSelect as script$5 } from '../or-date-time-picker-v3/partials/index.js';
 import { g as getCurrentDate, a as formatMobileTime } from '../../getCurrentDate-9b88f8a8.js';
 import { OrErrorV3 as script$6 } from '../or-error-v3/index.js';
@@ -84,6 +84,14 @@ var script = defineComponent({
       type: String,
       default: undefined
     },
+    hourStep: {
+      type: Number,
+      default: 1
+    },
+    minuteStep: {
+      type: Number,
+      default: 1
+    },
     variant: {
       type: String,
       default: undefined
@@ -349,8 +357,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "initial-value": _ctx.initialValueFrom,
         format: _ctx.resolvedFormat,
         locale: _ctx.resolvedLocale,
+        "hour-step": _ctx.hourStep,
+        "minute-step": _ctx.minuteStep,
         "is-active": _ctx.popover && _ctx.popover.state === 'open'
-      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "is-active"])) : createCommentVNode("v-if", true), _ctx.isDesktop || _ctx.isMobile && _ctx.activeControl === 'to' ? (openBlock(), createBlock(_component_OrDateTimePickerTimeSelect, {
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "hour-step", "minute-step", "is-active"])) : createCommentVNode("v-if", true), _ctx.isDesktop || _ctx.isMobile && _ctx.activeControl === 'to' ? (openBlock(), createBlock(_component_OrDateTimePickerTimeSelect, {
         key: 1,
         modelValue: _ctx.draftTo,
         "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => _ctx.draftTo = $event),
@@ -358,8 +368,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "initial-value": _ctx.initialValueTo,
         format: _ctx.resolvedFormat,
         locale: _ctx.resolvedLocale,
+        "hour-step": _ctx.hourStep,
+        "minute-step": _ctx.minuteStep,
         "is-active": _ctx.popover && _ctx.popover.state === 'open'
-      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "is-active"])) : createCommentVNode("v-if", true)]), createVNode(_component_OrDateTimePickerPopoverFooter, {
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "hour-step", "minute-step", "is-active"])) : createCommentVNode("v-if", true)]), createVNode(_component_OrDateTimePickerPopoverFooter, {
         disabled: _ctx.invalid,
         onApply: _cache[6] || (_cache[6] = $event => {
           _ctx.apply();

package/dist/esm/{index-4efb537f.js → index-f8564453.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { OrCheckboxV3 as script$e } from './components/or-checkbox-v3/index.js';
 import { OrDatePickerV3 as script$f } from './components/or-date-picker-v3/index.js';
-import { s as script$g } from './OrDateTimePicker-e1e778ae.js';
+import { s as script$g } from './OrDateTimePicker-2bdd4140.js';
 import './components/or-date-time-picker-v3/partials/index.js';
 import { OrInputV3 as script$h } from './components/or-input-v3/index.js';
 import { OrRatingV3 as script$i } from './components/or-rating-v3/index.js';

package/dist/esm/index.js

@@ -33,13 +33,13 @@ export { OrConfirm } from './components/or-confirm/index.js';
 export { ConfirmType, OrConfirmV3 } from './components/or-confirm-v3/index.js';
 export { OrContextMenuV3 } from './components/or-context-menu-v3/index.js';
 export { OrDataGridV3 } from './components/or-data-grid-v3/index.js';
-export { D as DataGridVariant } from './index-4efb537f.js';
+export { D as DataGridVariant } from './index-f8564453.js';
 export { OrDateFormatV3 } from './components/or-date-format-v3/index.js';
 export { OrDatePickerV3 } from './components/or-date-picker-v3/index.js';
 export { OrDateRangePickerV3 } from './components/or-date-range-picker-v3/index.js';
 export { OrDateTimeFormatV3 } from './components/or-date-time-format-v3/index.js';
 export { DEFAULT_TEXT, OrDateTimePicker, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './components/or-date-time-picker/index.js';
-export { s as OrDateTimePickerV3 } from './OrDateTimePicker-e1e778ae.js';
+export { s as OrDateTimePickerV3 } from './OrDateTimePicker-2bdd4140.js';
 export { OrDateTimePickerDateControl, OrDateTimePickerDateSelect, OrDateTimePickerMobileControl, OrDateTimePickerMonthSelect, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect } from './components/or-date-time-picker-v3/partials/index.js';
 export { f as formatDate, a as formatTime } from './formatTime-a1de80d6.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from './getCurrentDate-9b88f8a8.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "18.2.0-beta.4943.0",
+  "version": "18.3.0-beta.4946.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v3",
   "sideEffects": false,
@@ -33,7 +33,7 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^18.1.0",
+    "@onereach/styles": "^18.2.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",

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

@@ -125,6 +125,8 @@
           :hours-filter="hoursFilter"
           :minutes-filter="minutesFilter"
           :is-active="timePopover && timePopover.state === 'open'"
+          :hour-step="hourStep"
+          :minute-step="minuteStep"
         />
 
         <OrDateTimePickerPopoverFooter
@@ -270,6 +272,16 @@ export default defineComponent({
       default: undefined,
     },
 
+    hourStep: {
+      type: Number,
+      default: 1,
+    },
+
+    minuteStep: {
+      type: Number,
+      default: 1,
+    },
+
     variant: {
       type: String as PropType<`${InputBoxVariant}`>,
       default: undefined,

package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-time-select/OrDateTimePickerTimeSelect.vue

@@ -110,6 +110,16 @@ export default defineComponent({
       default: undefined,
     },
 
+    hourStep: {
+      type: Number,
+      default: 1,
+    },
+
+    minuteStep: {
+      type: Number,
+      default: 1,
+    },
+
     isActive: {
       type: Boolean,
       default: false,
@@ -212,8 +222,10 @@ export default defineComponent({
     });
 
     const hoursOptions = computed(() => {
-      return Array.from({ length: 24 }, (_value, index) => {
-        const value = index;
+      const hourStep = props.hourStep > 0 ? props.hourStep : 1;
+
+      return Array.from({ length: Math.ceil(24 / hourStep) }, (_value, index) => {
+        const value = index * hourStep;
 
         return new Date(Date.UTC(
           (model.value ?? props.initialValue).getUTCFullYear(),
@@ -238,8 +250,10 @@ export default defineComponent({
     });
 
     const minutesOptions = computed(() => {
-      return Array.from({ length: 60 }, (_value, index) => {
-        const value = index;
+      const minuteStep = props.minuteStep > 0 ? props.minuteStep : 1;
+
+      return Array.from({ length: Math.ceil(60 / minuteStep) }, (_value, index) => {
+        const value = index * minuteStep;
 
         return new Date(Date.UTC(
           (model.value ?? props.initialValue).getUTCFullYear(),

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

@@ -69,6 +69,8 @@
           :locale="resolvedLocale"
           :hours-filter="hoursFilter"
           :minutes-filter="minutesFilter"
+          :hour-step="hourStep"
+          :minute-step="minuteStep"
           :is-active="popover && popover.state === 'open'"
         />
 
@@ -190,6 +192,16 @@ export default defineComponent({
       default: undefined,
     },
 
+    hourStep: {
+      type: Number,
+      default: 1,
+    },
+
+    minuteStep: {
+      type: Number,
+      default: 1,
+    },
+
     variant: {
       type: String as PropType<`${InputBoxVariant}`>,
       default: undefined,

package/src/components/or-time-range-picker-v3/OrTimeRangePicker.vue

@@ -96,6 +96,8 @@
               :initial-value="initialValueFrom"
               :format="resolvedFormat"
               :locale="resolvedLocale"
+              :hour-step="hourStep"
+              :minute-step="minuteStep"
               :is-active="popover && popover.state === 'open'"
             />
           </template>
@@ -107,6 +109,8 @@
               :initial-value="initialValueTo"
               :format="resolvedFormat"
               :locale="resolvedLocale"
+              :hour-step="hourStep"
+              :minute-step="minuteStep"
               :is-active="popover && popover.state === 'open'"
             />
           </template>
@@ -221,6 +225,16 @@ export default defineComponent({
       default: undefined,
     },
 
+    hourStep: {
+      type: Number,
+      default: 1,
+    },
+
+    minuteStep: {
+      type: Number,
+      default: 1,
+    },
+
     variant: {
       type: String as PropType<`${InputBoxVariant}`>,
       default: undefined,