@onereach/ui-components 23.2.0-beta.5525.0 → 23.2.1-beta.5569.0

package/dist/types/components/or-date-picker-v3/OrDatePicker.vue.d.ts

@@ -1,8 +1,8 @@
 import { ReferenceElement } from '@floating-ui/dom';
-import { PropType } from 'vue';
 import { FilterFunction, FormatFunction } from '@onereach/ui-components-common/types';
 import { DateTimePickerModelValue } from '@onereach/ui-components.or-date-time-picker-v3';
 import { InputBoxSize, InputBoxVariant } from '@onereach/ui-components.or-input-box-v3';
+import { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: PropType<DateTimePickerModelValue>;
@@ -12,6 +12,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"short" | "medium" | "long" | FormatFunction<DateTimePickerModelValue>>;
         default: undefined;
     };
+    yearsOptionsLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    weekStartsOn: {
+        type: NumberConstructor;
+        default: number;
+    };
     locale: {
         type: StringConstructor;
         default: undefined;
@@ -28,6 +36,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FilterFunction<Date>>;
         default: undefined;
     };
+    dateHighlighter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
     variant: {
         type: PropType<"styled" | "unstyled" | "embedded">;
         default: undefined;
@@ -233,7 +245,6 @@ declare const _default: import("vue").DefineComponent<{
             offset?: import("@onereach/ui-components.or-popover-v3").PopoverOffset | undefined;
             isOpen?: boolean | undefined;
             placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
-            twScope?: string | undefined;
             customStyles?: string[] | undefined;
             bottomSheetProps?: {
                 variant?: "basic" | "advanced" | undefined;
@@ -362,11 +373,6 @@ declare const _default: import("vue").DefineComponent<{
         $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            twScope: {
-                type: StringConstructor;
-                required: false;
-                default: undefined;
-            };
             customStyles: {
                 type: PropType<string[]>;
                 default: () => never[];
@@ -656,7 +662,6 @@ declare const _default: import("vue").DefineComponent<{
             offset: import("@onereach/ui-components.or-popover-v3").PopoverOffset;
             isOpen: boolean;
             placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
-            twScope: string;
             customStyles: string[];
             bottomSheetProps: {
                 variant?: "basic" | "advanced" | undefined;
@@ -744,11 +749,6 @@ declare const _default: import("vue").DefineComponent<{
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        twScope: {
-            type: StringConstructor;
-            required: false;
-            default: undefined;
-        };
         customStyles: {
             type: PropType<string[]>;
             default: () => never[];
@@ -1180,6 +1180,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"short" | "medium" | "long" | FormatFunction<DateTimePickerModelValue>>;
         default: undefined;
     };
+    yearsOptionsLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    weekStartsOn: {
+        type: NumberConstructor;
+        default: number;
+    };
     locale: {
         type: StringConstructor;
         default: undefined;
@@ -1196,6 +1204,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FilterFunction<Date>>;
         default: undefined;
     };
+    dateHighlighter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
     variant: {
         type: PropType<"styled" | "unstyled" | "embedded">;
         default: undefined;
@@ -1252,7 +1264,10 @@ declare const _default: import("vue").DefineComponent<{
     error: string | boolean;
     format: "short" | "medium" | "long" | FormatFunction<DateTimePickerModelValue>;
     locale: string;
+    weekStartsOn: number;
     dateFilter: FilterFunction<Date>;
+    dateHighlighter: FilterFunction<Date>;
+    yearsOptionsLength: number;
     yearFilter: FilterFunction<Date>;
     monthFilter: FilterFunction<Date>;
 }, {}>;

package/dist/types/components/or-date-range-picker-v3/OrDateRangePicker.vue.d.ts

@@ -1,9 +1,9 @@
-import { PropType } from 'vue';
+import { ReferenceElement } from '@floating-ui/dom';
 import { FilterFunction, FormatFunction } from '@onereach/ui-components-common/types';
 import { DateTimePickerModelValue } from '@onereach/ui-components.or-date-time-picker-v3';
 import { InputBoxSize, InputBoxVariant } from '@onereach/ui-components.or-input-box-v3';
+import { PropType } from 'vue';
 import { DateRangePickerModelValue } from './types';
-import { ReferenceElement } from '@floating-ui/dom';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: PropType<DateRangePickerModelValue>;
@@ -13,6 +13,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"short" | "medium" | "long" | FormatFunction<DateTimePickerModelValue>>;
         default: undefined;
     };
+    yearsOptionsLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    weekStartsOn: {
+        type: NumberConstructor;
+        default: number;
+    };
     locale: {
         type: StringConstructor;
         default: undefined;
@@ -61,6 +69,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FilterFunction<Date>>;
         default: undefined;
     };
+    startDateHighlighter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    endDateHighlighter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
 }, {
     root: import("vue").Ref<HTMLElement | undefined>;
     rootStyles: import("vue").ComputedRef<string[]>;
@@ -230,7 +246,6 @@ declare const _default: import("vue").DefineComponent<{
             offset?: import("@onereach/ui-components.or-popover-v3").PopoverOffset | undefined;
             isOpen?: boolean | undefined;
             placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
-            twScope?: string | undefined;
             customStyles?: string[] | undefined;
             bottomSheetProps?: {
                 variant?: "basic" | "advanced" | undefined;
@@ -359,11 +374,6 @@ declare const _default: import("vue").DefineComponent<{
         $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            twScope: {
-                type: StringConstructor;
-                required: false;
-                default: undefined;
-            };
             customStyles: {
                 type: PropType<string[]>;
                 default: () => never[];
@@ -653,7 +663,6 @@ declare const _default: import("vue").DefineComponent<{
             offset: import("@onereach/ui-components.or-popover-v3").PopoverOffset;
             isOpen: boolean;
             placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
-            twScope: string;
             customStyles: string[];
             bottomSheetProps: {
                 variant?: "basic" | "advanced" | undefined;
@@ -741,11 +750,6 @@ declare const _default: import("vue").DefineComponent<{
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        twScope: {
-            type: StringConstructor;
-            required: false;
-            default: undefined;
-        };
         customStyles: {
             type: PropType<string[]>;
             default: () => never[];
@@ -1495,6 +1499,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"short" | "medium" | "long" | FormatFunction<DateTimePickerModelValue>>;
         default: undefined;
     };
+    yearsOptionsLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    weekStartsOn: {
+        type: NumberConstructor;
+        default: number;
+    };
     locale: {
         type: StringConstructor;
         default: undefined;
@@ -1543,6 +1555,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FilterFunction<Date>>;
         default: undefined;
     };
+    startDateHighlighter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    endDateHighlighter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
 }>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
@@ -1563,7 +1583,11 @@ declare const _default: import("vue").DefineComponent<{
     error: string | boolean;
     format: "short" | "medium" | "long" | FormatFunction<DateTimePickerModelValue>;
     locale: string;
+    weekStartsOn: number;
+    yearsOptionsLength: number;
     startDateFilter: FilterFunction<Date>;
     endDateFilter: FilterFunction<Date>;
+    startDateHighlighter: FilterFunction<Date>;
+    endDateHighlighter: FilterFunction<Date>;
 }, {}>;
 export default _default;

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

@@ -1,8 +1,8 @@
-import { PropType } from 'vue';
+import { ReferenceElement } from '@floating-ui/dom';
 import { FilterFunction, FormatFunction } from '@onereach/ui-components-common/types';
 import { InputBoxSize, InputBoxVariant } from '@onereach/ui-components.or-input-box-v3';
+import { PropType } from 'vue';
 import { DateTimePickerModelValue } from './types';
-import { ReferenceElement } from '@floating-ui/dom';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: PropType<DateTimePickerModelValue>;
@@ -16,6 +16,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"auto" | "h12" | "h23" | FormatFunction<DateTimePickerModelValue>>;
         default: undefined;
     };
+    yearsOptionsLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    weekStartsOn: {
+        type: NumberConstructor;
+        default: number;
+    };
     locale: {
         type: StringConstructor;
         default: undefined;
@@ -32,6 +40,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FilterFunction<Date>>;
         default: undefined;
     };
+    dateHighlighter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
     hoursFilter: {
         type: PropType<FilterFunction<Date>>;
         default: undefined;
@@ -253,7 +265,6 @@ declare const _default: import("vue").DefineComponent<{
             offset?: import("@onereach/ui-components.or-popover-v3").PopoverOffset | undefined;
             isOpen?: boolean | undefined;
             placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
-            twScope?: string | undefined;
             customStyles?: string[] | undefined;
             bottomSheetProps?: {
                 variant?: "basic" | "advanced" | undefined;
@@ -382,11 +393,6 @@ declare const _default: import("vue").DefineComponent<{
         $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            twScope: {
-                type: StringConstructor;
-                required: false;
-                default: undefined;
-            };
             customStyles: {
                 type: PropType<string[]>;
                 default: () => never[];
@@ -676,7 +682,6 @@ declare const _default: import("vue").DefineComponent<{
             offset: import("@onereach/ui-components.or-popover-v3").PopoverOffset;
             isOpen: boolean;
             placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
-            twScope: string;
             customStyles: string[];
             bottomSheetProps: {
                 variant?: "basic" | "advanced" | undefined;
@@ -764,11 +769,6 @@ declare const _default: import("vue").DefineComponent<{
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        twScope: {
-            type: StringConstructor;
-            required: false;
-            default: undefined;
-        };
         customStyles: {
             type: PropType<string[]>;
             default: () => never[];
@@ -1064,7 +1064,6 @@ declare const _default: import("vue").DefineComponent<{
             offset?: import("@onereach/ui-components.or-popover-v3").PopoverOffset | undefined;
             isOpen?: boolean | undefined;
             placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
-            twScope?: string | undefined;
             customStyles?: string[] | undefined;
             bottomSheetProps?: {
                 variant?: "basic" | "advanced" | undefined;
@@ -1193,11 +1192,6 @@ declare const _default: import("vue").DefineComponent<{
         $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            twScope: {
-                type: StringConstructor;
-                required: false;
-                default: undefined;
-            };
             customStyles: {
                 type: PropType<string[]>;
                 default: () => never[];
@@ -1487,7 +1481,6 @@ declare const _default: import("vue").DefineComponent<{
             offset: import("@onereach/ui-components.or-popover-v3").PopoverOffset;
             isOpen: boolean;
             placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
-            twScope: string;
             customStyles: string[];
             bottomSheetProps: {
                 variant?: "basic" | "advanced" | undefined;
@@ -1575,11 +1568,6 @@ declare const _default: import("vue").DefineComponent<{
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        twScope: {
-            type: StringConstructor;
-            required: false;
-            default: undefined;
-        };
         customStyles: {
             type: PropType<string[]>;
             default: () => never[];
@@ -2019,6 +2007,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"auto" | "h12" | "h23" | FormatFunction<DateTimePickerModelValue>>;
         default: undefined;
     };
+    yearsOptionsLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    weekStartsOn: {
+        type: NumberConstructor;
+        default: number;
+    };
     locale: {
         type: StringConstructor;
         default: undefined;
@@ -2035,6 +2031,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FilterFunction<Date>>;
         default: undefined;
     };
+    dateHighlighter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
     hoursFilter: {
         type: PropType<FilterFunction<Date>>;
         default: undefined;
@@ -2106,7 +2106,10 @@ declare const _default: import("vue").DefineComponent<{
     hint: string;
     error: string | boolean;
     locale: string;
+    weekStartsOn: number;
     dateFilter: FilterFunction<Date>;
+    dateHighlighter: FilterFunction<Date>;
+    yearsOptionsLength: number;
     yearFilter: FilterFunction<Date>;
     monthFilter: FilterFunction<Date>;
     hoursFilter: FilterFunction<Date>;

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

@@ -1,19 +1,27 @@
-import { PropType } from 'vue';
 import { FilterFunction, FormatFunction } from '@onereach/ui-components-common/types';
+import { PropType } from 'vue';
 import { DateTimePickerModelValue } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: PropType<DateTimePickerModelValue>;
+        type: PropType<DateTimePickerModelValue | DateTimePickerModelValue[]>;
         default: undefined;
     };
     initialValue: {
         type: DateConstructor;
         required: true;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     format: {
         type: PropType<"short" | "medium" | "long" | FormatFunction<DateTimePickerModelValue>>;
         required: true;
     };
+    weekStartsOn: {
+        type: NumberConstructor;
+        default: number;
+    };
     locale: {
         type: StringConstructor;
         required: true;
@@ -22,6 +30,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FilterFunction<Date>>;
         default: undefined;
     };
+    dateHighlighter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
     rangeStart: {
         type: DateConstructor;
         default: undefined;
@@ -30,32 +42,47 @@ declare const _default: import("vue").DefineComponent<{
         type: DateConstructor;
         default: undefined;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     root: import("vue").Ref<HTMLElement | undefined>;
     rootStyles: import("vue").ComputedRef<string[]>;
     buttonGroupStyles: import("vue").ComputedRef<string[]>;
     buttonGroupWeekdayItemStyles: import("vue").ComputedRef<string[]>;
     buttonGroupDateItemStyles: import("vue").ComputedRef<string[]>;
+    buttonGroupHighlitedDateItemStyles: import("vue").ComputedRef<string[]>;
     buttonGroupCurrentDateItemStyles: import("vue").ComputedRef<string[]>;
     buttonGroupInRangeDateItemStyles: import("vue").ComputedRef<string[]>;
-    model: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<DateTimePickerModelValue>;
+    model: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<DateTimePickerModelValue | DateTimePickerModelValue[]>;
     dayOptions: import("vue").ComputedRef<Date[]>;
     currentDate: import("vue").ComputedRef<Date>;
+    isDateSelected: (date: Date) => boolean;
+    toggleDateSelection: (date: Date) => void;
     formatWeekday: (value: Date) => string;
     formatDay: (value: Date) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: PropType<DateTimePickerModelValue>;
+        type: PropType<DateTimePickerModelValue | DateTimePickerModelValue[]>;
         default: undefined;
     };
     initialValue: {
         type: DateConstructor;
         required: true;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     format: {
         type: PropType<"short" | "medium" | "long" | FormatFunction<DateTimePickerModelValue>>;
         required: true;
     };
+    weekStartsOn: {
+        type: NumberConstructor;
+        default: number;
+    };
     locale: {
         type: StringConstructor;
         required: true;
@@ -64,6 +91,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FilterFunction<Date>>;
         default: undefined;
     };
+    dateHighlighter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
     rangeStart: {
         type: DateConstructor;
         default: undefined;
@@ -72,11 +103,19 @@ declare const _default: import("vue").DefineComponent<{
         type: DateConstructor;
         default: undefined;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: DateTimePickerModelValue;
+    disabled: boolean;
+    modelValue: DateTimePickerModelValue | DateTimePickerModelValue[];
+    multiple: boolean;
+    weekStartsOn: number;
     dateFilter: FilterFunction<Date>;
+    dateHighlighter: FilterFunction<Date>;
     rangeStart: Date;
     rangeEnd: Date;
 }, {}>;

package/dist/types/components/or-date-time-picker-v3/partials/or-date-time-picker-date-select/styles.d.ts

@@ -3,4 +3,5 @@ export declare const DateTimePickerDateSelectButtonGroup: string[];
 export declare const DateTimePickerDateSelectButtonGroupWeekdayItem: string[];
 export declare const DateTimePickerDateSelectButtonGroupDateItem: string[];
 export declare const DateTimePickerDateSelectButtonGroupCurrentDateItem: string[];
+export declare const DateTimePickerDateSelectButtonGroupHighlightedItem: string[];
 export declare const DateTimePickerDateSelectButtonGroupInRangeDateItem: string[];