@adyen/bento-vue2 1.7.0 → 1.8.0

package/dist/@types/components.d.ts

@@ -7,6 +7,7 @@ import {
     // Bento
     BentoAccordion,
     BentoAccordionItem,
+    BentoActionBar,
     BentoAlert,
     BentoButton,
     BentoButtonActions,
@@ -83,6 +84,7 @@ declare module 'vue' {
         // Bento
         BentoAccordion: typeof BentoAccordion;
         BentoAccordionItem: typeof BentoAccordionItem;
+        BentoActionBar: typeof BentoActionBar;
         BentoAlert: typeof BentoAlert;
         BentoButton: typeof BentoButton;
         BentoButtonActions: typeof BentoButtonActions;

package/dist/@types/packages/core/src/components/button/button.types.d.ts

@@ -15,7 +15,7 @@ export interface BentoButtonProps {
     critical?: boolean;
     disabled?: boolean;
     inverse?: boolean;
-    variant?: BentoButtonVariant;
+    variant?: BentoButtonVariant | `${BentoButtonVariant}`;
     type?: string;
     link?: object;
 }

package/dist/@types/packages/vue2/src/components/action-bar/action-bar.vue.d.ts

@@ -5,6 +5,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoButtonActionsList>;
         required: true;
     };
+    visibleActions: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
     extraBottomSpacing: {
         type: BooleanConstructor;
         default: boolean;
@@ -24,6 +29,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoButtonActionsList>;
         required: true;
     };
+    visibleActions: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
     extraBottomSpacing: {
         type: BooleanConstructor;
         default: boolean;
@@ -37,6 +47,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
+    visibleActions: number;
     extraBottomSpacing: boolean;
     selectionLabel: string;
 }>;

package/dist/@types/packages/vue2/src/components/button/components/button-actions/button-actions.types.d.ts

@@ -2,7 +2,7 @@ import type { VueNodeElement } from "../../../../types";
 import type { BentoButtonProps, BentoLoadingButtonState } from "../..";
 export interface BentoButtonActionObject extends BentoButtonProps {
     title: string;
-    event: (event: Event) => void;
+    event?: (event: Event) => void;
     icon?: VueNodeElement;
     state?: BentoLoadingButtonState | `${BentoLoadingButtonState}`;
 }

package/dist/@types/packages/vue2/src/components/button/components/button-actions/button-actions.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { BentoButtonVariant } from "../../../../../../core/src/components/button/button.types";
-import { BentoButtonActionsLayout, BentoButtonActionsList } from './button-actions.types';
+import { BentoButtonActionObject, BentoButtonActionsLayout, BentoButtonActionsList } from './button-actions.types';
 declare const _default: import("vue").DefineComponent<{
     actions: {
         type: PropType<BentoButtonActionsList>;
@@ -19,7 +19,12 @@ declare const _default: import("vue").DefineComponent<{
     conditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;
-    reversedActionsList: import("vue").ComputedRef<import("./button-actions.types").BentoButtonActionObject[]>;
+    reversedActionsList: import("vue").ComputedRef<BentoButtonActionObject[]>;
+    generateButtonEvents: (button: BentoButtonActionObject) => {
+        click: (event: Event) => void;
+    } | {
+        click?: undefined;
+    };
     generateButtonVariantByIndex: (actionIndex: any) => BentoButtonVariant.PRIMARY | BentoButtonVariant.SECONDARY;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     actions: {

package/dist/@types/packages/vue2/src/components/button/components/loading-button/loading-button.vue.d.ts

@@ -1,7 +1,6 @@
 import { PropType } from 'vue';
-import { BentoButtonVariant } from "../../../../../../core/src/components/button/button.types";
 import { BentoLoadingButtonState } from './loading-button.types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     condensed: {
         type: BooleanConstructor;
         default: boolean;
@@ -10,24 +9,23 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     state: {
         type: PropType<"start" | "loading" | BentoLoadingButtonState | "success" | "fail">;
         default: BentoLoadingButtonState;
         validator: (value: BentoLoadingButtonState) => boolean;
     };
     variant: {
-        type: PropType<"primary" | "secondary" | "tertiary" | BentoButtonVariant>;
-        default: BentoButtonVariant;
-        validator: (value: BentoButtonVariant) => boolean;
-    };
-}, {
-    BentoLoadingButtonState: typeof BentoLoadingButtonState;
-    onClick: (e: MouseEvent) => void;
-    conditionalClasses: import("vue").ComputedRef<{
-        [x: string]: boolean;
-    }>;
-    isInverseLoadingIndicator: import("vue").ComputedRef<boolean>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+        type: PropType<"primary" | "secondary" | "tertiary" | import("../../../../../../core/src/components/button/button.types").BentoButtonVariant>;
+        default: string;
+        validator: (value: import("../../../../../../core/src/components/button/button.types").BentoButtonVariant) => boolean;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
     condensed: {
         type: BooleanConstructor;
         default: boolean;
@@ -36,20 +34,32 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     state: {
         type: PropType<"start" | "loading" | BentoLoadingButtonState | "success" | "fail">;
         default: BentoLoadingButtonState;
         validator: (value: BentoLoadingButtonState) => boolean;
     };
     variant: {
-        type: PropType<"primary" | "secondary" | "tertiary" | BentoButtonVariant>;
-        default: BentoButtonVariant;
-        validator: (value: BentoButtonVariant) => boolean;
+        type: PropType<"primary" | "secondary" | "tertiary" | import("../../../../../../core/src/components/button/button.types").BentoButtonVariant>;
+        default: string;
+        validator: (value: import("../../../../../../core/src/components/button/button.types").BentoButtonVariant) => boolean;
     };
 }>>, {
-    variant: "primary" | "secondary" | "tertiary" | BentoButtonVariant;
+    variant: "primary" | "secondary" | "tertiary" | import("../../../../../../core/src/components/button/button.types").BentoButtonVariant;
     condensed: boolean;
     disabled: boolean;
+    inverse: boolean;
     state: "start" | "loading" | BentoLoadingButtonState | "success" | "fail";
+}>, {
+    default: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/checkbox/checkbox.vue.d.ts

@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     readonly: {
         type: BooleanConstructor;
         default: boolean;
@@ -34,6 +38,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     descriptionId: string;
     errorId: string;
@@ -56,6 +64,13 @@ declare const _default: import("vue").DefineComponent<{
     hasSlot: (name: string) => boolean;
     onChange: (event: Event) => void;
     onClick: (event: Event) => void;
+    t: import("vue-i18n-bridge").ComposerTranslation<import("../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
+        [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
+    }>, never, import("@intlify/core-base")._ResourcePath<{
+        [key: string]: string;
+    }>, import("@intlify/core-base")._ResourcePath<{
+        [key: string]: string;
+    }>> | ((key: "required" | "optional" | "ariaLabelFallback", values?: import("vue-i18n").default.Values) => string);
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoCheckboxEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: (StringConstructor | NumberConstructor)[];
@@ -69,6 +84,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     readonly: {
         type: BooleanConstructor;
         default: boolean;
@@ -89,9 +108,15 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     value: string | number;
+    required: boolean;
     disabled: boolean;
+    optional: boolean;
     readonly: boolean;
     errorMessage: string;
     ariaLabel: string;

package/dist/@types/packages/vue2/src/components/data-grid/data-grid.vue.d.ts

@@ -1,7 +1,12 @@
 import { ComponentPublicInstance, PropType } from 'vue';
-import { BentoLazyLoadType, Booleanish } from "../../types";
+import { BentoButtonActionsList } from "../button";
 import { BentoColumn, BentoColumnOverflow, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridEvent, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from './data-grid.types';
+import { BentoLazyLoadType, Booleanish } from "../../types";
 declare const _default: import("vue").DefineComponent<{
+    bulkActions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
     allowRowClicks: {
         type: BooleanConstructor;
         default: boolean;
@@ -430,6 +435,8 @@ declare const _default: import("vue").DefineComponent<{
     DATAGRID_SELECT_FIELD_NAME: string;
     onRowClick: (row: BentoDatagridDataItem, event: MouseEvent) => void;
     getRowAriaSelectedValue: (row: BentoDatagridDataItem) => Booleanish;
+    itemsSelectedCounter: import("vue").ComputedRef<number>;
+    showActionBar: import("vue").ComputedRef<boolean>;
     onConfigSettingsUpdate: (isCondensedView: boolean) => void;
     onConfigSettingsColumnsUpdate: (newColumns: BentoColumn[]) => void;
     onConfigSettingsColumnUpdate: (updatedColumn: BentoColumn) => void;
@@ -617,6 +624,10 @@ declare const _default: import("vue").DefineComponent<{
         [key: string]: string;
     }>> | ((key: "loading" | "showMore" | "gettingYourData" | "sortAscending" | "sortDescending" | "sortInactive" | "selectRow", values?: import("vue-i18n").default.Values) => string);
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoDatagridEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    bulkActions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
     allowRowClicks: {
         type: BooleanConstructor;
         default: boolean;
@@ -864,6 +875,7 @@ declare const _default: import("vue").DefineComponent<{
     hasResizableColumns: boolean;
     sortBy: BentoDatagridSortByColumn[];
     filterValues: import("../filter-bar").BentoFilterValues;
+    bulkActions: BentoButtonActionsList;
     allowRowClicks: boolean;
     allowColumnDragAndDrop: boolean;
     columnPanel: boolean;

package/dist/@types/packages/vue2/src/components/date-picker/date-picker.vue.d.ts

@@ -46,6 +46,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<Date>;
         default: any;
@@ -122,6 +126,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<Date>;
         default: any;
@@ -138,6 +146,7 @@ declare const _default: import("vue").DefineComponent<{
     firstDayOfWeek: import("../internal").CalendarFirstDayOfWeek;
     min: Date;
     max: Date;
+    tooltipText: string;
     errorMessage: string;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.types.d.ts

@@ -1,8 +1,10 @@
+import { CalendarGranularityType } from "../../../internal";
 export interface DateRangePickerCalendarFormData {
     startDate: string;
     endDate: string;
     startTime?: string;
     endTime?: string;
+    granularity?: CalendarGranularityType;
 }
 export declare enum DateRangePickerCalendarEvent {
     CUSTOM_RANGE = "custom-range",
@@ -10,11 +12,13 @@ export declare enum DateRangePickerCalendarEvent {
     ERROR = "error",
     FORM_DATE = "form-date"
 }
-export type DateRangePickerCalendarRangeSelectorItems = Array<{
+export interface DateRangePickerCalendarRangeSelectorItem {
     label: string;
     value: string;
     data: {
         startDate: Date;
         endDate: Date;
+        granularity?: CalendarGranularityType;
     };
-}>;
+}
+export type DateRangePickerCalendarRangeSelectorItems = Array<DateRangePickerCalendarRangeSelectorItem>;

package/dist/@types/packages/vue2/src/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.vue.d.ts

@@ -1,6 +1,8 @@
 import { PropType } from 'vue';
 import { CalendarRangeDateValue } from "../../../internal";
+import { type BentoSegmentedControlItem } from "../../../segmented-control";
 import { DateRangePickerCalendarEvent, DateRangePickerCalendarFormData, DateRangePickerCalendarRangeSelectorItems } from './date-range-picker-calendar.types';
+import type { BentoDateRangePickerGranularityConfig } from '../../date-range-picker.types';
 declare const _default: import("vue").DefineComponent<{
     allowTimeInput: {
         type: BooleanConstructor;
@@ -20,6 +22,10 @@ declare const _default: import("vue").DefineComponent<{
         default: import("../../../internal").CalendarFirstDayOfWeek;
         validator: (value: import("../../../internal").CalendarFirstDayOfWeek) => boolean;
     };
+    granularities: {
+        type: PropType<BentoDateRangePickerGranularityConfig<import("../../../internal").CalendarGranularityType>[]>;
+        default: any;
+    };
     isDateDisabled: {
         type: PropType<import("../../../internal").CalendarIsDateDisabled>;
         default: any;
@@ -51,6 +57,137 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }, {
+    internalRangeDate: {
+        granularity?: import("../../../internal").CalendarGranularityType;
+        startDate: {
+            toString: () => string;
+            toDateString: () => string;
+            toTimeString: () => string;
+            toLocaleString: {
+                (): string;
+                (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+            };
+            toLocaleDateString: {
+                (): string;
+                (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+            };
+            toLocaleTimeString: {
+                (): string;
+                (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+            };
+            valueOf: () => number;
+            getTime: () => number;
+            getFullYear: () => number;
+            getUTCFullYear: () => number;
+            getMonth: () => number;
+            getUTCMonth: () => number;
+            getDate: () => number;
+            getUTCDate: () => number;
+            getDay: () => number;
+            getUTCDay: () => number;
+            getHours: () => number;
+            getUTCHours: () => number;
+            getMinutes: () => number;
+            getUTCMinutes: () => number;
+            getSeconds: () => number;
+            getUTCSeconds: () => number;
+            getMilliseconds: () => number;
+            getUTCMilliseconds: () => number;
+            getTimezoneOffset: () => number;
+            setTime: (time: number) => number;
+            setMilliseconds: (ms: number) => number;
+            setUTCMilliseconds: (ms: number) => number;
+            setSeconds: (sec: number, ms?: number) => number;
+            setUTCSeconds: (sec: number, ms?: number) => number;
+            setMinutes: (min: number, sec?: number, ms?: number) => number;
+            setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
+            setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+            setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+            setDate: (date: number) => number;
+            setUTCDate: (date: number) => number;
+            setMonth: (month: number, date?: number) => number;
+            setUTCMonth: (month: number, date?: number) => number;
+            setFullYear: (year: number, month?: number, date?: number) => number;
+            setUTCFullYear: (year: number, month?: number, date?: number) => number;
+            toUTCString: () => string;
+            toISOString: () => string;
+            toJSON: (key?: any) => string;
+            getVarDate: () => VarDate;
+            [Symbol.toPrimitive]: {
+                (hint: "default"): string;
+                (hint: "string"): string;
+                (hint: "number"): number;
+                (hint: string): string | number;
+            };
+        };
+        endDate: {
+            toString: () => string;
+            toDateString: () => string;
+            toTimeString: () => string;
+            toLocaleString: {
+                (): string;
+                (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+            };
+            toLocaleDateString: {
+                (): string;
+                (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+            };
+            toLocaleTimeString: {
+                (): string;
+                (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+            };
+            valueOf: () => number;
+            getTime: () => number;
+            getFullYear: () => number;
+            getUTCFullYear: () => number;
+            getMonth: () => number;
+            getUTCMonth: () => number;
+            getDate: () => number;
+            getUTCDate: () => number;
+            getDay: () => number;
+            getUTCDay: () => number;
+            getHours: () => number;
+            getUTCHours: () => number;
+            getMinutes: () => number;
+            getUTCMinutes: () => number;
+            getSeconds: () => number;
+            getUTCSeconds: () => number;
+            getMilliseconds: () => number;
+            getUTCMilliseconds: () => number;
+            getTimezoneOffset: () => number;
+            setTime: (time: number) => number;
+            setMilliseconds: (ms: number) => number;
+            setUTCMilliseconds: (ms: number) => number;
+            setSeconds: (sec: number, ms?: number) => number;
+            setUTCSeconds: (sec: number, ms?: number) => number;
+            setMinutes: (min: number, sec?: number, ms?: number) => number;
+            setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
+            setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+            setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+            setDate: (date: number) => number;
+            setUTCDate: (date: number) => number;
+            setMonth: (month: number, date?: number) => number;
+            setUTCMonth: (month: number, date?: number) => number;
+            setFullYear: (year: number, month?: number, date?: number) => number;
+            setUTCFullYear: (year: number, month?: number, date?: number) => number;
+            toUTCString: () => string;
+            toISOString: () => string;
+            toJSON: (key?: any) => string;
+            getVarDate: () => VarDate;
+            [Symbol.toPrimitive]: {
+                (hint: "default"): string;
+                (hint: "string"): string;
+                (hint: "number"): number;
+                (hint: string): string | number;
+            };
+        };
+    };
     dateTextInput: {
         startDate: string;
         endDate: string;
@@ -59,17 +196,16 @@ declare const _default: import("vue").DefineComponent<{
     };
     endDateError: import("vue").Ref<boolean>;
     endTimeError: import("vue").Ref<boolean>;
+    granularityItems: import("vue").ComputedRef<BentoSegmentedControlItem[]>;
+    selectedGranularity: import("vue").ComputedRef<BentoDateRangePickerGranularityConfig<import("../../../internal").CalendarGranularityType>>;
+    computedMinMax: import("vue").ComputedRef<{
+        min: Date;
+        max: Date;
+    }>;
     selectedRangeSelectorValue: import("vue").Ref<string>;
     startDateError: import("vue").Ref<boolean>;
     startTimeError: import("vue").Ref<boolean>;
-    quickSelectRangeDefaultItems: import("vue").ComputedRef<({
-        label: string;
-        value: string;
-        data: {
-            startDate: Date;
-            endDate: Date;
-        };
-    } | {
+    quickSelectRangeDefaultItems: import("vue").ComputedRef<(import("./date-range-picker-calendar.types").DateRangePickerCalendarRangeSelectorItem | {
         label: string;
         value: string;
     })[]>;
@@ -83,15 +219,15 @@ declare const _default: import("vue").DefineComponent<{
         [key: string]: string;
     }>, import("@intlify/core-base")._ResourcePath<{
         [key: string]: string;
-    }>> | ((key: "customRange" | "dateFrom" | "dateTo" | "lastSevenDays" | "lastMonth" | "lastThreeMonths" | "timeFrom" | "timeTo", values?: import("vue-i18n").default.Values) => string);
-    onRangeSelectorInput: (newCustomRangeValue: string) => void;
-    onDateInput: (selectedDate: Date) => void;
+    }>> | ((key: "daily" | "weekly" | "monthly" | "customRange" | "dateFrom" | "dateTo" | "lastMonth" | "lastSevenDays" | "lastThreeMonths" | "timeFrom" | "timeTo", values?: import("vue-i18n").default.Values) => string);
+    onDateInput: (selectedRange: CalendarRangeDateValue) => void;
     onDateInputKeyDown: (event: KeyboardEvent) => void;
     onEndDateInput: (endDateText: string) => void;
     onEndDateSelected: (newEndDate: Date) => void;
     onEndTimeInput: (endDateText: string) => void;
-    onStartDateSelected: (newStartDate: Date) => void;
+    onRangeSelectorInput: (newCustomRangeValue: string) => void;
     onStartDateInput: (startDateText: string) => void;
+    onStartDateSelected: (newStartDate: Date) => void;
     onStartTimeInput: (startTimeText: string) => void;
     onTimeInputKeyDown: (event: KeyboardEvent) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, DateRangePickerCalendarEvent[], string, Readonly<import("vue").ExtractPropTypes<{
@@ -113,6 +249,10 @@ declare const _default: import("vue").DefineComponent<{
         default: import("../../../internal").CalendarFirstDayOfWeek;
         validator: (value: import("../../../internal").CalendarFirstDayOfWeek) => boolean;
     };
+    granularities: {
+        type: PropType<BentoDateRangePickerGranularityConfig<import("../../../internal").CalendarGranularityType>[]>;
+        default: any;
+    };
     isDateDisabled: {
         type: PropType<import("../../../internal").CalendarIsDateDisabled>;
         default: any;
@@ -153,6 +293,7 @@ declare const _default: import("vue").DefineComponent<{
     numberOfMonths: number;
     allowTimeInput: boolean;
     dateFormData: DateRangePickerCalendarFormData;
+    granularities: BentoDateRangePickerGranularityConfig<import("../../../internal").CalendarGranularityType>[];
     quickSelectRanges: DateRangePickerCalendarRangeSelectorItems;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/date-range-picker/date-range-picker.types.d.ts

@@ -1,5 +1,5 @@
 export { CalendarFirstDayOfWeek as BentoDateRangePickerFirstDayOfWeek } from "../internal";
-export type { CalendarIsDateDisabled as BentoDateRangePickerIsDateDisabled, CalendarRangeDateValue as BentoDateRangePickerValue, } from "../internal";
+export type { CalendarIsDateDisabled as BentoDateRangePickerIsDateDisabled, CalendarRangeDateValue as BentoDateRangePickerValue, CalendarGranularityConfig as BentoDateRangePickerGranularityConfig, } from "../internal";
 export declare enum BentoDateRangePickerEvent {
     INPUT = "input"
 }

package/dist/@types/packages/vue2/src/components/date-range-picker/date-range-picker.vue.d.ts

@@ -23,6 +23,10 @@ declare const _default: import("vue").DefineComponent<{
         default: import("../internal").CalendarFirstDayOfWeek;
         validator: (value: import("../internal").CalendarFirstDayOfWeek) => boolean;
     };
+    granularities: {
+        type: PropType<import("../internal").CalendarGranularityConfig<import("../internal").CalendarGranularityType>[]>;
+        default: any;
+    };
     isDateDisabled: {
         type: PropType<import("../internal").CalendarIsDateDisabled>;
         default: any;
@@ -43,6 +47,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     quickSelectRanges: {
         type: PropType<DateRangePickerCalendarRangeSelectorItems>;
         default: any;
@@ -119,6 +127,10 @@ declare const _default: import("vue").DefineComponent<{
         default: import("../internal").CalendarFirstDayOfWeek;
         validator: (value: import("../internal").CalendarFirstDayOfWeek) => boolean;
     };
+    granularities: {
+        type: PropType<import("../internal").CalendarGranularityConfig<import("../internal").CalendarGranularityType>[]>;
+        default: any;
+    };
     isDateDisabled: {
         type: PropType<import("../internal").CalendarIsDateDisabled>;
         default: any;
@@ -139,6 +151,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     quickSelectRanges: {
         type: PropType<DateRangePickerCalendarRangeSelectorItems>;
         default: any;
@@ -179,8 +195,10 @@ declare const _default: import("vue").DefineComponent<{
     max: Date;
     maxRange: number;
     numberOfMonths: number;
+    tooltipText: string;
     errorMessage: string;
     allowTimeInput: boolean;
+    granularities: import("../internal").CalendarGranularityConfig<import("../internal").CalendarGranularityType>[];
     quickSelectRanges: DateRangePickerCalendarRangeSelectorItems;
 }>;
 export default _default;