@bethinkpl/design-system 26.5.0 → 26.7.1

package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts

@@ -1,20 +1,21 @@
 import { PropType, Ref } from 'vue';
-import { DatePickerStates } from './DatePicker.consts';
+import { DatePickerCalendarPositions, DatePickerColors, DatePickerStates } from './DatePicker.consts';
 
 declare const _default: import('vue').DefineComponent<{
-    disableDates: Date[];
+    disableDates: Array<Date>;
     minDate: Date | null;
     maxDate: Date | null;
-    calendarPosition: string;
+    calendarPosition: DatePickerCalendarPositions;
     date: Date;
     isInteractive: boolean;
     state: DatePickerStates;
+    updatePositionBasedOnScrollableSelector: string;
 }, {
     flatpickrInputRef: Ref<HTMLInputElement, HTMLInputElement>;
     datePickerRef: Ref<HTMLDivElement, HTMLDivElement>;
     isOpen: Ref<boolean, boolean>;
     toggleDatePicker: () => void;
-    createDatePicker: (flatpickrInputElement: HTMLInputElement, dateRangePickerRef: HTMLElement) => Promise<import('flatpickr/dist/types/instance').Instance | undefined>;
+    createDatePicker: (flatpickrInputElement: HTMLInputElement, dateRangePickerRef: HTMLElement, updatePositionBasedOnScrollableSelector: string) => Promise<import('flatpickr/dist/types/instance').Instance | undefined>;
     DATE_PICKER_CALENDAR_POSITIONS: Readonly<{
         TOP: string;
         TOP_LEFT: string;
@@ -38,6 +39,10 @@ declare const _default: import('vue').DefineComponent<{
         BOX: string;
         TILE: string;
     }>;
+    TILE_ADDITIONAL_TEXT_MAX_WIDTHS: Readonly<{
+        readonly SMALL: "small";
+        readonly MEDIUM: "medium";
+    }>;
 }, {}, {
     borderColor(): "warning" | "danger" | "neutralWeak" | "primary" | "dangerWeak" | "warningWeak";
     eyebrowText(): string;
@@ -50,18 +55,19 @@ declare const _default: import('vue').DefineComponent<{
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:date': (date: Date) => true;
 }, string, import('vue').PublicProps, Readonly<{
-    disableDates: Date[];
+    disableDates: Array<Date>;
     minDate: Date | null;
     maxDate: Date | null;
-    calendarPosition: string;
+    calendarPosition: DatePickerCalendarPositions;
     date: Date;
     isInteractive: boolean;
     state: DatePickerStates;
+    updatePositionBasedOnScrollableSelector: string;
 }> & Readonly<{
     "onUpdate:date"?: ((date: Date) => any) | undefined;
 }>, {
-    icon: any;
     label: string;
+    icon: any;
     color: string;
     state: string;
     isIconHiddenOnMobile: boolean;
@@ -77,6 +83,7 @@ declare const _default: import('vue').DefineComponent<{
     disableDates: Date[];
     minDate: Date;
     maxDate: Date;
+    updatePositionBasedOnScrollableSelector: string;
 }, {}, {
     DsTile: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         interactive: {
@@ -121,11 +128,7 @@ declare const _default: import('vue').DefineComponent<{
         state: {
             type: PropType<import('../../Tile').TileStates>;
             default: "default";
-            validator(value: import('../../../utils/type.utils').Value<{
-                readonly DEFAULT: "default";
-                readonly DISABLED: "disabled";
-                readonly LOADING: "loading";
-            }>): boolean;
+            validator(value: import('../../../utils/type.utils').Value<typeof import('../../Tile').TILE_STATES>): boolean;
         };
         eyebrowEllipsis: {
             type: BooleanConstructor;
@@ -139,15 +142,21 @@ declare const _default: import('vue').DefineComponent<{
             type: PropType<import('../../Tile').TileBorderColors>;
             default: null;
         };
+        additionalTextMaxWidth: {
+            type: PropType<import('../../Tile').TileAdditionalTextMaxWidths>;
+            default: "small";
+            validator(value: import('../../Tile').TileAdditionalTextMaxWidths): boolean;
+        };
     }>, {}, {
         ICONS: Readonly<{
-            readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
-            readonly RIBBON: VueConstructor<Vue>;
-            readonly SLIDERS_SEARCH: VueConstructor<Vue>;
-            readonly COMMENTS_CHECK: VueConstructor<Vue>;
             readonly ANSWERS: VueConstructor<Vue>;
+            readonly CHANGE: VueConstructor<Vue>;
+            readonly COMMENTS_CHECK: VueConstructor<Vue>;
+            readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
             readonly HIDE_ANSWERS: VueConstructor<Vue>;
+            readonly RIBBON: VueConstructor<Vue>;
             readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
+            readonly SLIDERS_SEARCH: VueConstructor<Vue>;
             readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -339,6 +348,7 @@ declare const _default: import('vue').DefineComponent<{
             readonly FA_UNLOCK_KEYHOLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_UPLOAD: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_USER: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_USER_GEAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_USER_DOCTOR_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -362,6 +372,10 @@ declare const _default: import('vue').DefineComponent<{
             readonly DISABLED: "disabled";
             readonly LOADING: "loading";
         }>;
+        TILE_ADDITIONAL_TEXT_MAX_WIDTHS: Readonly<{
+            readonly SMALL: "small";
+            readonly MEDIUM: "medium";
+        }>;
     }, {
         tileColor(): any;
         tileState(): any;
@@ -408,11 +422,7 @@ declare const _default: import('vue').DefineComponent<{
         state: {
             type: PropType<import('../../Tile').TileStates>;
             default: "default";
-            validator(value: import('../../../utils/type.utils').Value<{
-                readonly DEFAULT: "default";
-                readonly DISABLED: "disabled";
-                readonly LOADING: "loading";
-            }>): boolean;
+            validator(value: import('../../../utils/type.utils').Value<typeof import('../../Tile').TILE_STATES>): boolean;
         };
         eyebrowEllipsis: {
             type: BooleanConstructor;
@@ -426,6 +436,11 @@ declare const _default: import('vue').DefineComponent<{
             type: PropType<import('../../Tile').TileBorderColors>;
             default: null;
         };
+        additionalTextMaxWidth: {
+            type: PropType<import('../../Tile').TileAdditionalTextMaxWidths>;
+            default: "small";
+            validator(value: import('../../Tile').TileAdditionalTextMaxWidths): boolean;
+        };
     }>> & Readonly<{}>, {
         color: import('../../Tile').TileColors;
         state: import('../../Tile').TileStates;
@@ -439,6 +454,7 @@ declare const _default: import('vue').DefineComponent<{
         isEyebrowTextUppercase: boolean;
         eyebrowEllipsis: boolean;
         textEllipsis: boolean;
+        additionalTextMaxWidth: import('../../Tile').TileAdditionalTextMaxWidths;
     }, {}, {
         DsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             icon: {
@@ -509,25 +525,77 @@ declare const _default: import('vue').DefineComponent<{
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            rotation: number;
             size: string;
+            rotation: number;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
             touchable: boolean;
             spinning: boolean;
         }, {}, {
-            FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    DatePickerBox: import('vue').DefineComponent<{}, {}, {
+    DatePickerBox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        isInteractive: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        startDate: {
+            type: DateConstructor;
+            default: null;
+        };
+        endDate: {
+            type: DateConstructor;
+            default: null;
+        };
+        startIcon: {
+            type: ObjectConstructor;
+            default: null;
+            validate: (icon: any) => boolean;
+        };
+        endIcon: {
+            type: ObjectConstructor;
+            default: null;
+            validate: (icon: any) => boolean;
+        };
+        areIconsHiddenOnMobile: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        state: {
+            type: PropType<string>;
+            default: string;
+        };
+        color: {
+            type: PropType<DatePickerColors>;
+            default: string;
+        };
+        startDateEyebrowText: {
+            type: StringConstructor;
+            default: string;
+        };
+        endDateEyebrowText: {
+            type: StringConstructor;
+            default: string;
+        };
+        isOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {
         ICONS: Readonly<{
-            readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
-            readonly RIBBON: VueConstructor<Vue>;
-            readonly SLIDERS_SEARCH: VueConstructor<Vue>;
-            readonly COMMENTS_CHECK: VueConstructor<Vue>;
             readonly ANSWERS: VueConstructor<Vue>;
+            readonly CHANGE: VueConstructor<Vue>;
+            readonly COMMENTS_CHECK: VueConstructor<Vue>;
+            readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
             readonly HIDE_ANSWERS: VueConstructor<Vue>;
+            readonly RIBBON: VueConstructor<Vue>;
             readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
+            readonly SLIDERS_SEARCH: VueConstructor<Vue>;
             readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -719,6 +787,7 @@ declare const _default: import('vue').DefineComponent<{
             readonly FA_UNLOCK_KEYHOLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_UPLOAD: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_USER: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_USER_GEAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_USER_DOCTOR_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -751,7 +820,58 @@ declare const _default: import('vue').DefineComponent<{
     }, {
         startDateText(): any;
         endDateText(): string;
-    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        isInteractive: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        startDate: {
+            type: DateConstructor;
+            default: null;
+        };
+        endDate: {
+            type: DateConstructor;
+            default: null;
+        };
+        startIcon: {
+            type: ObjectConstructor;
+            default: null;
+            validate: (icon: any) => boolean;
+        };
+        endIcon: {
+            type: ObjectConstructor;
+            default: null;
+            validate: (icon: any) => boolean;
+        };
+        areIconsHiddenOnMobile: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        state: {
+            type: PropType<string>;
+            default: string;
+        };
+        color: {
+            type: PropType<DatePickerColors>;
+            default: string;
+        };
+        startDateEyebrowText: {
+            type: StringConstructor;
+            default: string;
+        };
+        endDateEyebrowText: {
+            type: StringConstructor;
+            default: string;
+        };
+        isOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
         color: string;
         state: string;
         isInteractive: boolean;
@@ -834,14 +954,14 @@ declare const _default: import('vue').DefineComponent<{
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            rotation: number;
             size: string;
+            rotation: number;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
             touchable: boolean;
             spinning: boolean;
         }, {}, {
-            FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/lib/js/components/DatePickers/DatePickerBox/DatePickerBox.vue.d.ts

@@ -1,12 +1,67 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {
+import { DatePickerColors } from '../DatePicker/DatePicker.consts';
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    isInteractive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    startDate: {
+        type: DateConstructor;
+        default: null;
+    };
+    endDate: {
+        type: DateConstructor;
+        default: null;
+    };
+    startIcon: {
+        type: ObjectConstructor;
+        default: null;
+        validate: (icon: any) => boolean;
+    };
+    endIcon: {
+        type: ObjectConstructor;
+        default: null;
+        validate: (icon: any) => boolean;
+    };
+    areIconsHiddenOnMobile: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    state: {
+        type: PropType<string>;
+        default: string;
+    };
+    color: {
+        type: PropType<DatePickerColors>;
+        default: string;
+    };
+    startDateEyebrowText: {
+        type: StringConstructor;
+        default: string;
+    };
+    endDateEyebrowText: {
+        type: StringConstructor;
+        default: string;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {
     ICONS: Readonly<{
-        readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
-        readonly RIBBON: VueConstructor<Vue>;
-        readonly SLIDERS_SEARCH: VueConstructor<Vue>;
-        readonly COMMENTS_CHECK: VueConstructor<Vue>;
         readonly ANSWERS: VueConstructor<Vue>;
+        readonly CHANGE: VueConstructor<Vue>;
+        readonly COMMENTS_CHECK: VueConstructor<Vue>;
+        readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
         readonly HIDE_ANSWERS: VueConstructor<Vue>;
+        readonly RIBBON: VueConstructor<Vue>;
         readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
+        readonly SLIDERS_SEARCH: VueConstructor<Vue>;
         readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -198,6 +253,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         readonly FA_UNLOCK_KEYHOLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_UPLOAD: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_USER: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_USER_GEAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_USER_DOCTOR_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -230,7 +286,58 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
 }, {
     startDateText(): any;
     endDateText(): string;
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    isInteractive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    startDate: {
+        type: DateConstructor;
+        default: null;
+    };
+    endDate: {
+        type: DateConstructor;
+        default: null;
+    };
+    startIcon: {
+        type: ObjectConstructor;
+        default: null;
+        validate: (icon: any) => boolean;
+    };
+    endIcon: {
+        type: ObjectConstructor;
+        default: null;
+        validate: (icon: any) => boolean;
+    };
+    areIconsHiddenOnMobile: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    state: {
+        type: PropType<string>;
+        default: string;
+    };
+    color: {
+        type: PropType<DatePickerColors>;
+        default: string;
+    };
+    startDateEyebrowText: {
+        type: StringConstructor;
+        default: string;
+    };
+    endDateEyebrowText: {
+        type: StringConstructor;
+        default: string;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
     color: string;
     state: string;
     isInteractive: boolean;
@@ -313,14 +420,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        rotation: number;
         size: string;
+        rotation: number;
         flippedVertical: boolean;
         flippedHorizontal: boolean;
         touchable: boolean;
         spinning: boolean;
     }, {}, {
-        FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts

@@ -1,21 +1,22 @@
-import { Ref } from 'vue';
-import { DatePickerStates } from '../DatePicker';
+import { PropType, Ref } from 'vue';
+import { DatePickerCalendarPositions, DatePickerColors, DatePickerStates } from '../DatePicker';
 
 declare const _default: import('vue').DefineComponent<{
-    disableDates: Date[];
+    disableDates: Array<Date>;
     minDate: Date | null;
     maxDate: Date | null;
-    calendarPosition: string;
+    calendarPosition: DatePickerCalendarPositions;
     startDate: Date;
     endDate: Date;
     isInteractive: boolean;
     state: DatePickerStates;
+    updatePositionBasedOnScrollableSelector: string;
 }, {
     dateRangePickerRef: Ref<HTMLDivElement, HTMLDivElement>;
     flatpickrInputRef: Ref<HTMLInputElement, HTMLInputElement>;
     isOpen: Ref<boolean, boolean>;
     toggleDatePicker: () => void;
-    createDatePicker: (flatpickrInputElement: HTMLInputElement, dateRangePickerRef: HTMLElement) => Promise<import('flatpickr/dist/types/instance').Instance | undefined>;
+    createDatePicker: (flatpickrInputElement: HTMLInputElement, dateRangePickerRef: HTMLElement, updatePositionBasedOnScrollableSelector: string) => Promise<import('flatpickr/dist/types/instance').Instance | undefined>;
     DATE_PICKER_CALENDAR_POSITIONS: Readonly<{
         TOP: string;
         TOP_LEFT: string;
@@ -51,14 +52,15 @@ declare const _default: import('vue').DefineComponent<{
         endDate: Date;
     }) => true;
 }, string, import('vue').PublicProps, Readonly<{
-    disableDates: Date[];
+    disableDates: Array<Date>;
     minDate: Date | null;
     maxDate: Date | null;
-    calendarPosition: string;
+    calendarPosition: DatePickerCalendarPositions;
     startDate: Date;
     endDate: Date;
     isInteractive: boolean;
     state: DatePickerStates;
+    updatePositionBasedOnScrollableSelector: string;
 }> & Readonly<{
     "onUpdate:date"?: ((value: {
         startDate: Date;
@@ -79,16 +81,69 @@ declare const _default: import('vue').DefineComponent<{
     disableDates: Date[];
     minDate: Date;
     maxDate: Date;
+    updatePositionBasedOnScrollableSelector: string;
 }, {}, {
-    DatePickerBox: import('vue').DefineComponent<{}, {}, {
+    DatePickerBox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        isInteractive: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        startDate: {
+            type: DateConstructor;
+            default: null;
+        };
+        endDate: {
+            type: DateConstructor;
+            default: null;
+        };
+        startIcon: {
+            type: ObjectConstructor;
+            default: null;
+            validate: (icon: any) => boolean;
+        };
+        endIcon: {
+            type: ObjectConstructor;
+            default: null;
+            validate: (icon: any) => boolean;
+        };
+        areIconsHiddenOnMobile: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        state: {
+            type: PropType<string>;
+            default: string;
+        };
+        color: {
+            type: PropType<DatePickerColors>;
+            default: string;
+        };
+        startDateEyebrowText: {
+            type: StringConstructor;
+            default: string;
+        };
+        endDateEyebrowText: {
+            type: StringConstructor;
+            default: string;
+        };
+        isOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {
         ICONS: Readonly<{
-            readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
-            readonly RIBBON: VueConstructor<Vue>;
-            readonly SLIDERS_SEARCH: VueConstructor<Vue>;
-            readonly COMMENTS_CHECK: VueConstructor<Vue>;
             readonly ANSWERS: VueConstructor<Vue>;
+            readonly CHANGE: VueConstructor<Vue>;
+            readonly COMMENTS_CHECK: VueConstructor<Vue>;
+            readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
             readonly HIDE_ANSWERS: VueConstructor<Vue>;
+            readonly RIBBON: VueConstructor<Vue>;
             readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
+            readonly SLIDERS_SEARCH: VueConstructor<Vue>;
             readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -280,6 +335,7 @@ declare const _default: import('vue').DefineComponent<{
             readonly FA_UNLOCK_KEYHOLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_UPLOAD: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_USER: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_USER_GEAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_USER_DOCTOR_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -312,7 +368,58 @@ declare const _default: import('vue').DefineComponent<{
     }, {
         startDateText(): any;
         endDateText(): string;
-    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        isInteractive: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        startDate: {
+            type: DateConstructor;
+            default: null;
+        };
+        endDate: {
+            type: DateConstructor;
+            default: null;
+        };
+        startIcon: {
+            type: ObjectConstructor;
+            default: null;
+            validate: (icon: any) => boolean;
+        };
+        endIcon: {
+            type: ObjectConstructor;
+            default: null;
+            validate: (icon: any) => boolean;
+        };
+        areIconsHiddenOnMobile: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        state: {
+            type: PropType<string>;
+            default: string;
+        };
+        color: {
+            type: PropType<DatePickerColors>;
+            default: string;
+        };
+        startDateEyebrowText: {
+            type: StringConstructor;
+            default: string;
+        };
+        endDateEyebrowText: {
+            type: StringConstructor;
+            default: string;
+        };
+        isOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
         color: string;
         state: string;
         isInteractive: boolean;
@@ -395,14 +502,14 @@ declare const _default: import('vue').DefineComponent<{
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            rotation: number;
             size: string;
+            rotation: number;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
             touchable: boolean;
             spinning: boolean;
         }, {}, {
-            FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;