@adyen/bento-vue3 1.7.1 → 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("../../../../vue3/node_modules/vue").DefineCompon
         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("../../../../vue3/node_modules/vue").DefineCompon
         type: PropType<BentoButtonActionsList>;
         required: true;
     };
+    visibleActions: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
     extraBottomSpacing: {
         type: BooleanConstructor;
         default: boolean;
@@ -39,6 +49,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
 }>> & {
     onClose?: () => 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 "../../../../../../vue3/node_modules/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("../../../../../../vue3/node_modules/vue").DefineComponent<{
     actions: {
         type: PropType<BentoButtonActionsList>;
@@ -19,7 +19,12 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     conditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         [x: string]: boolean;
     }>;
-    reversedActionsList: import("../../../../../../vue3/node_modules/vue").ComputedRef<import("./button-actions.types").BentoButtonActionObject[]>;
+    reversedActionsList: import("../../../../../../vue3/node_modules/vue").ComputedRef<BentoButtonActionObject[]>;
+    generateButtonEvents: (button: BentoButtonActionObject) => {
+        click: (event: Event) => void;
+    } | {
+        click?: undefined;
+    };
     generateButtonVariantByIndex: (actionIndex: any) => BentoButtonVariant.PRIMARY | BentoButtonVariant.SECONDARY;
 }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/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 "../../../../../../vue3/node_modules/vue";
-import { BentoButtonVariant } from "../../../../../../core/src/components/button/button.types";
 import { BentoLoadingButtonState } from './loading-button.types';
-declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     condensed: {
         type: any;
         default: boolean;
@@ -10,6 +9,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: any;
         default: boolean;
     };
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     state: {
         type: PropType<"start" | BentoLoadingButtonState | "loading" | "success" | "fail">;
         default: BentoLoadingButtonState;
@@ -17,17 +20,12 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     };
     variant: {
         type: any;
-        default: BentoButtonVariant;
+        default: string;
         validator: any;
     };
-}, {
-    BentoLoadingButtonState: typeof BentoLoadingButtonState;
-    onClick: (e: MouseEvent) => void;
-    conditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
-        [x: string]: boolean;
-    }>;
-    isInverseLoadingIndicator: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => void;
+}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     condensed: {
         type: any;
         default: boolean;
@@ -36,6 +34,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: any;
         default: boolean;
     };
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     state: {
         type: PropType<"start" | BentoLoadingButtonState | "loading" | "success" | "fail">;
         default: BentoLoadingButtonState;
@@ -43,13 +45,23 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     };
     variant: {
         type: any;
-        default: BentoButtonVariant;
+        default: string;
         validator: any;
     };
-}>>, {
+}>> & {
+    onClick?: (event: MouseEvent) => any;
+}, {
     variant: any;
     condensed: any;
     disabled: any;
+    inverse: boolean;
     state: "start" | BentoLoadingButtonState | "loading" | "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("../../../../vue3/node_modules/vue").DefineCompon
         type: BooleanConstructor;
         default: boolean;
     };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     readonly: {
         type: BooleanConstructor;
         default: boolean;
@@ -34,6 +38,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: StringConstructor;
         default: any;
     };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     descriptionId: string;
     errorId: string;
@@ -56,6 +64,13 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     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);
 }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoCheckboxEvent[], BentoCheckboxEvent, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
     value: {
         type: (StringConstructor | NumberConstructor)[];
@@ -69,6 +84,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: BooleanConstructor;
         default: boolean;
     };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     readonly: {
         type: BooleanConstructor;
         default: boolean;
@@ -89,13 +108,19 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: StringConstructor;
         default: any;
     };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onInput?: (...args: any[]) => any;
     "onUpdate:model-value"?: (...args: any[]) => any;
 }, {
     value: string | number;
+    required: boolean;
     disabled: boolean;
     indeterminate: 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 "../../../../vue3/node_modules/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("../../../../vue3/node_modules/vue").DefineComponent<{
+    bulkActions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
     allowRowClicks: {
         type: BooleanConstructor;
         default: boolean;
@@ -348,6 +353,8 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     DATAGRID_SELECT_FIELD_NAME: string;
     onRowClick: (row: BentoDatagridDataItem, event: MouseEvent) => void;
     getRowAriaSelectedValue: (row: BentoDatagridDataItem) => Booleanish;
+    itemsSelectedCounter: import("../../../../vue3/node_modules/vue").ComputedRef<number>;
+    showActionBar: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     onConfigSettingsUpdate: (isCondensedView: boolean) => void;
     onConfigSettingsColumnsUpdate: (newColumns: BentoColumn[]) => void;
     onConfigSettingsColumnUpdate: (updatedColumn: BentoColumn) => void;
@@ -593,6 +600,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         [key: string]: string;
     }>> | ((key: "loading" | "showMore" | "gettingYourData" | "sortAscending" | "sortDescending" | "sortInactive" | "selectRow", values?: import("vue-i18n").default.Values) => string);
 }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoDatagridEvent[], BentoDatagridEvent, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    bulkActions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
     allowRowClicks: {
         type: BooleanConstructor;
         default: boolean;
@@ -804,6 +815,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     hasResizableColumns: boolean;
     sortBy: BentoDatagridSortByColumn[];
     filterValues: any;
+    bulkActions: BentoButtonActionsList;
     allowRowClicks: boolean;
     allowColumnDragAndDrop: boolean;
     columnPanel: boolean;

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

@@ -33,6 +33,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<Date>;
         default: any;
@@ -96,6 +100,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<Date>;
         default: any;
@@ -114,6 +122,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     readonly: boolean;
     isDateDisabled: any;
     firstDayOfWeek: any;
+    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 "../../../../../../vue3/node_modules/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("../../../../../../vue3/node_modules/vue").DefineComponent<{
     allowTimeInput: {
         type: BooleanConstructor;
@@ -16,6 +18,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         };
     };
     firstDayOfWeek: any;
+    granularities: {
+        type: PropType<BentoDateRangePickerGranularityConfig<import("../../../internal").CalendarGranularityType>[]>;
+        default: any;
+    };
     isDateDisabled: any;
     maxRange: any;
     min: any;
@@ -30,6 +36,137 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         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;
@@ -38,17 +175,16 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     };
     endDateError: import("../../../../../../vue3/node_modules/vue").Ref<boolean>;
     endTimeError: import("../../../../../../vue3/node_modules/vue").Ref<boolean>;
+    granularityItems: import("../../../../../../vue3/node_modules/vue").ComputedRef<BentoSegmentedControlItem[]>;
+    selectedGranularity: import("../../../../../../vue3/node_modules/vue").ComputedRef<BentoDateRangePickerGranularityConfig<import("../../../internal").CalendarGranularityType>>;
+    computedMinMax: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
+        min: any;
+        max: any;
+    }>;
     selectedRangeSelectorValue: import("../../../../../../vue3/node_modules/vue").Ref<string>;
     startDateError: import("../../../../../../vue3/node_modules/vue").Ref<boolean>;
     startTimeError: import("../../../../../../vue3/node_modules/vue").Ref<boolean>;
-    quickSelectRangeDefaultItems: import("../../../../../../vue3/node_modules/vue").ComputedRef<({
-        label: string;
-        value: string;
-        data: {
-            startDate: Date;
-            endDate: Date;
-        };
-    } | {
+    quickSelectRangeDefaultItems: import("../../../../../../vue3/node_modules/vue").ComputedRef<(import("./date-range-picker-calendar.types").DateRangePickerCalendarRangeSelectorItem | {
         label: string;
         value: string;
     })[]>;
@@ -62,15 +198,15 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         [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;
 }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, DateRangePickerCalendarEvent[], DateRangePickerCalendarEvent, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
@@ -88,6 +224,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         };
     };
     firstDayOfWeek: any;
+    granularities: {
+        type: PropType<BentoDateRangePickerGranularityConfig<import("../../../internal").CalendarGranularityType>[]>;
+        default: any;
+    };
     isDateDisabled: any;
     maxRange: any;
     min: any;
@@ -116,6 +256,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     numberOfMonths: any;
     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

@@ -19,6 +19,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: any;
     };
     firstDayOfWeek: any;
+    granularities: any;
     isDateDisabled: any;
     label: {
         type: StringConstructor;
@@ -36,6 +37,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     quickSelectRanges: {
         type: PropType<DateRangePickerCalendarRangeSelectorItems>;
         default: any;
@@ -91,6 +96,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: any;
     };
     firstDayOfWeek: any;
+    granularities: any;
     isDateDisabled: any;
     label: {
         type: StringConstructor;
@@ -108,6 +114,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     quickSelectRanges: {
         type: PropType<DateRangePickerCalendarRangeSelectorItems>;
         default: any;
@@ -133,8 +143,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     firstDayOfWeek: any;
     maxRange: any;
     numberOfMonths: any;
+    tooltipText: string;
     errorMessage: string;
     allowTimeInput: boolean;
+    granularities: any;
     quickSelectRanges: DateRangePickerCalendarRangeSelectorItems;
 }>;
 export default _default;