@dpa-id-components/dpa-shared-components 7.1.3 → 7.1.4

package/dist/components/UiDatePicker/UiDatePicker.stories.d.ts

@@ -0,0 +1,643 @@
+import type { StoryObj } from "@storybook/vue3";
+declare const meta: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        cancel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        submit: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        iconLeft: {
+            type: import("vue").PropType<string | null>;
+            default: null;
+        };
+        definesRange: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        multiCalendars: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        enableTimePicker: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        autoApply: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        closeOnAutoApply: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        roundedEdges: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        locale: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placeholderText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        quickFilterRanges: {
+            type: import("vue").PropType<import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null>;
+            default: null;
+        };
+        quickFilterHeadline: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        selectedDate: {
+            type: import("vue").PropType<string | Date | [Date, Date] | {
+                month: number;
+                year: number;
+            }>;
+            default: string;
+        };
+        autoPosition: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        leftSidebar: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        actionArea: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        firstAvailableDate: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        minDate: {
+            type: import("vue").PropType<Date>;
+            default: Date;
+        };
+        maxDate: {
+            type: import("vue").PropType<Date>;
+            default: null;
+        };
+        autoRange: {
+            type: import("vue").PropType<number | null>;
+            default: null;
+        };
+        maxRange: {
+            type: import("vue").PropType<string | number | null>;
+            default: null;
+        };
+        activeState: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        disabledState: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        monthPicker: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        customFormatCallback: {
+            type: import("vue").PropType<any>;
+        };
+        inputLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "date-changed": (date: Date | [Date, Date]) => void;
+        close: () => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        cancel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        submit: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        iconLeft: {
+            type: import("vue").PropType<string | null>;
+            default: null;
+        };
+        definesRange: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        multiCalendars: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        enableTimePicker: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        autoApply: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        closeOnAutoApply: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        roundedEdges: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        locale: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placeholderText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        quickFilterRanges: {
+            type: import("vue").PropType<import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null>;
+            default: null;
+        };
+        quickFilterHeadline: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        selectedDate: {
+            type: import("vue").PropType<string | Date | [Date, Date] | {
+                month: number;
+                year: number;
+            }>;
+            default: string;
+        };
+        autoPosition: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        leftSidebar: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        actionArea: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        firstAvailableDate: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        minDate: {
+            type: import("vue").PropType<Date>;
+            default: Date;
+        };
+        maxDate: {
+            type: import("vue").PropType<Date>;
+            default: null;
+        };
+        autoRange: {
+            type: import("vue").PropType<number | null>;
+            default: null;
+        };
+        maxRange: {
+            type: import("vue").PropType<string | number | null>;
+            default: null;
+        };
+        activeState: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        disabledState: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        monthPicker: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        customFormatCallback: {
+            type: import("vue").PropType<any>;
+        };
+        inputLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & {
+        onClose?: (() => any) | undefined;
+        "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
+    }, {
+        cancel: string;
+        submit: string;
+        iconLeft: string | null;
+        definesRange: boolean;
+        multiCalendars: boolean;
+        enableTimePicker: boolean;
+        autoApply: boolean;
+        closeOnAutoApply: boolean;
+        roundedEdges: boolean;
+        locale: string;
+        placeholderText: string;
+        quickFilterRanges: import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null;
+        quickFilterHeadline: string;
+        selectedDate: string | Date | [Date, Date] | {
+            month: number;
+            year: number;
+        };
+        autoPosition: boolean;
+        leftSidebar: boolean;
+        actionArea: boolean;
+        firstAvailableDate: number;
+        minDate: Date;
+        maxDate: Date;
+        autoRange: number | null;
+        maxRange: string | number | null;
+        activeState: boolean;
+        disabledState: boolean;
+        monthPicker: boolean;
+        inputLabel: string;
+    }, {}>;
+    argTypes: {
+        monthPicker: {
+            control: string;
+        };
+        activeState: {
+            control: string;
+        };
+        disabledState: {
+            control: string;
+        };
+        quickFilterHeadline: {
+            control: string;
+        };
+        inputLabel: {
+            control: string;
+        };
+        maxRange: {
+            control: string;
+        };
+        cancel: {
+            control: string;
+        };
+        submit: {
+            control: string;
+        };
+        actionArea: {
+            control: string;
+        };
+        leftSidebar: {
+            control: string;
+        };
+        multiCalendars: {
+            control: string;
+        };
+        definesRange: {
+            control: string;
+        };
+        enableTimePicker: {
+            control: string;
+        };
+        roundedEdges: {
+            control: string;
+        };
+        autoApply: {
+            control: string;
+        };
+        autoPosition: {
+            control: string;
+        };
+        closeOnAutoApply: {
+            control: string;
+        };
+        placeholderText: {
+            control: string;
+        };
+        selectedDate: {
+            control: string;
+            options: (string[] | undefined)[];
+        };
+        quickFilterRanges: {
+            table: {
+                disable: boolean;
+            };
+        };
+        locale: {
+            table: {
+                disable: boolean;
+            };
+        };
+        autoRange: {
+            control: string;
+            options: number[];
+        };
+        iconLeft: {
+            control: string;
+            options: string[];
+        };
+    };
+    args: {
+        monthPicker: false;
+        activeState: false;
+        quickFilterHeadline: string;
+        cancel: string;
+        submit: string;
+        inputLabel: string;
+        minDate: Date;
+        maxDate: null;
+        maxRange: null;
+        actionArea: false;
+        leftSidebar: false;
+        multiCalendars: true;
+        definesRange: false;
+        closeOnAutoApply: false;
+        enableTimePicker: false;
+        roundedEdges: true;
+        autoApply: true;
+        autoPosition: true;
+        placeholderText: string;
+        selectedDate: string;
+        autoRange: null;
+        customFormatCallback: () => null;
+        iconLeft: null;
+    };
+    render: (args: any) => {
+        components: {
+            UiDatePicker: import("vue").DefineComponent<{
+                cancel: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                submit: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                iconLeft: {
+                    type: import("vue").PropType<string | null>;
+                    default: null;
+                };
+                definesRange: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                multiCalendars: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                enableTimePicker: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                autoApply: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                closeOnAutoApply: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                roundedEdges: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                locale: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placeholderText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                quickFilterRanges: {
+                    type: import("vue").PropType<import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null>;
+                    default: null;
+                };
+                quickFilterHeadline: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                selectedDate: {
+                    type: import("vue").PropType<string | Date | [Date, Date] | {
+                        month: number;
+                        year: number;
+                    }>;
+                    default: string;
+                };
+                autoPosition: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                leftSidebar: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                actionArea: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                firstAvailableDate: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                minDate: {
+                    type: import("vue").PropType<Date>;
+                    default: Date;
+                };
+                maxDate: {
+                    type: import("vue").PropType<Date>;
+                    default: null;
+                };
+                autoRange: {
+                    type: import("vue").PropType<number | null>;
+                    default: null;
+                };
+                maxRange: {
+                    type: import("vue").PropType<string | number | null>;
+                    default: null;
+                };
+                activeState: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                disabledState: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                monthPicker: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                customFormatCallback: {
+                    type: import("vue").PropType<any>;
+                };
+                inputLabel: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "date-changed": (date: Date | [Date, Date]) => void;
+                close: () => void;
+            }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                cancel: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                submit: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                iconLeft: {
+                    type: import("vue").PropType<string | null>;
+                    default: null;
+                };
+                definesRange: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                multiCalendars: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                enableTimePicker: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                autoApply: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                closeOnAutoApply: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                roundedEdges: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                locale: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placeholderText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                quickFilterRanges: {
+                    type: import("vue").PropType<import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null>;
+                    default: null;
+                };
+                quickFilterHeadline: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                selectedDate: {
+                    type: import("vue").PropType<string | Date | [Date, Date] | {
+                        month: number;
+                        year: number;
+                    }>;
+                    default: string;
+                };
+                autoPosition: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                leftSidebar: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                actionArea: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                firstAvailableDate: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                minDate: {
+                    type: import("vue").PropType<Date>;
+                    default: Date;
+                };
+                maxDate: {
+                    type: import("vue").PropType<Date>;
+                    default: null;
+                };
+                autoRange: {
+                    type: import("vue").PropType<number | null>;
+                    default: null;
+                };
+                maxRange: {
+                    type: import("vue").PropType<string | number | null>;
+                    default: null;
+                };
+                activeState: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                disabledState: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                monthPicker: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                customFormatCallback: {
+                    type: import("vue").PropType<any>;
+                };
+                inputLabel: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+            }>> & {
+                onClose?: (() => any) | undefined;
+                "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
+            }, {
+                cancel: string;
+                submit: string;
+                iconLeft: string | null;
+                definesRange: boolean;
+                multiCalendars: boolean;
+                enableTimePicker: boolean;
+                autoApply: boolean;
+                closeOnAutoApply: boolean;
+                roundedEdges: boolean;
+                locale: string;
+                placeholderText: string;
+                quickFilterRanges: import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null;
+                quickFilterHeadline: string;
+                selectedDate: string | Date | [Date, Date] | {
+                    month: number;
+                    year: number;
+                };
+                autoPosition: boolean;
+                leftSidebar: boolean;
+                actionArea: boolean;
+                firstAvailableDate: number;
+                minDate: Date;
+                maxDate: Date;
+                autoRange: number | null;
+                maxRange: string | number | null;
+                activeState: boolean;
+                disabledState: boolean;
+                monthPicker: boolean;
+                inputLabel: string;
+            }, {}>;
+        };
+        setup(this: void): {
+            args: any;
+        };
+        template: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const AsPredefinedRangepicker: Story;
+export declare const AsRangepickerWithMenu: Story;
+export declare const MonthPicker: Story;
+export declare const WithCustomDateFormat: Story;
+export declare const WithCustomDateFormatAndInput: Story;
+export declare const WithActionArea: Story;
+export declare const AsInputBox: Story;