vexip-ui/dist/components/date-picker/date-panel.vue.d.ts

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

import { PropType } from 'vue';
import { LocaleConfig } from '@vexip-ui/config';
import { Dateable } from '@vexip-ui/utils';
import { DatePanelSlots, DatePickerType, DateShortcut, DateShortcutsPlacement, DateTimeType, DisabledTime } from './symbol';
declare function refreshCalendar(valueType: 'start' | 'end'): void;
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: Readonly<DatePanelSlots> & DatePanelSlots;
    refs: {};
    rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    type: {
        default: DatePickerType;
        validator: (value: DatePickerType) => boolean;
    };
    enabled: {
        type: PropType<Record<DateTimeType, boolean>>;
        default: () => {};
    };
    startValue: {
        type: PropType<Record<DateTimeType, number>>;
        default: null;
    };
    endValue: {
        type: PropType<Record<DateTimeType, number>>;
        default: null;
    };
    shortcuts: {
        type: PropType<DateShortcut[]>;
        default: () => never[];
    };
    confirmText: {
        type: StringConstructor;
        default: null;
    };
    cancelText: {
        type: StringConstructor;
        default: null;
    };
    today: {
        type: PropType<Dateable>;
        default: () => Date;
    };
    disabledDate: {
        type: PropType<(date: Date) => boolean>;
        default: () => boolean;
    };
    noAction: {
        type: BooleanConstructor;
        default: boolean;
    };
    steps: {
        type: PropType<number[]>;
        default: () => number[];
    };
    range: {
        type: BooleanConstructor;
        default: boolean;
    };
    startActivated: {
        type: PropType<Record<DateTimeType, boolean>>;
        default: () => {};
    };
    endActivated: {
        type: PropType<Record<DateTimeType, boolean>>;
        default: () => {};
    };
    min: {
        type: PropType<Dateable>;
        default: null;
    };
    max: {
        type: PropType<Dateable>;
        default: null;
    };
    disabledTime: {
        type: PropType<DisabledTime>;
        default: () => {};
    };
    hasError: {
        type: BooleanConstructor;
        default: boolean;
    };
    locale: {
        type: PropType<LocaleConfig["calendar"] & LocaleConfig["datePicker"]>;
        default: () => {};
    };
    selectingType: {
        type: PropType<"start" | "end">;
        default: string;
    };
    weekStart: {
        type: NumberConstructor;
        default: null;
    };
    staticWheel: {
        type: BooleanConstructor;
        default: boolean;
    };
    shortcutsPlacement: {
        type: PropType<DateShortcutsPlacement>;
        default: string;
    };
    labeledBy: {
        type: StringConstructor;
        default: undefined;
    };
}>, {
    refreshCalendar: typeof refreshCalendar;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    confirm: (...args: any[]) => void;
    click: (...args: any[]) => void;
    cancel: (...args: any[]) => void;
    change: (...args: any[]) => void;
    hover: (...args: any[]) => void;
    shortcut: (...args: any[]) => void;
    "toggle-col": (...args: any[]) => void;
    "type-change": (...args: any[]) => void;
    "time-change": (...args: any[]) => void;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    type: {
        default: DatePickerType;
        validator: (value: DatePickerType) => boolean;
    };
    enabled: {
        type: PropType<Record<DateTimeType, boolean>>;
        default: () => {};
    };
    startValue: {
        type: PropType<Record<DateTimeType, number>>;
        default: null;
    };
    endValue: {
        type: PropType<Record<DateTimeType, number>>;
        default: null;
    };
    shortcuts: {
        type: PropType<DateShortcut[]>;
        default: () => never[];
    };
    confirmText: {
        type: StringConstructor;
        default: null;
    };
    cancelText: {
        type: StringConstructor;
        default: null;
    };
    today: {
        type: PropType<Dateable>;
        default: () => Date;
    };
    disabledDate: {
        type: PropType<(date: Date) => boolean>;
        default: () => boolean;
    };
    noAction: {
        type: BooleanConstructor;
        default: boolean;
    };
    steps: {
        type: PropType<number[]>;
        default: () => number[];
    };
    range: {
        type: BooleanConstructor;
        default: boolean;
    };
    startActivated: {
        type: PropType<Record<DateTimeType, boolean>>;
        default: () => {};
    };
    endActivated: {
        type: PropType<Record<DateTimeType, boolean>>;
        default: () => {};
    };
    min: {
        type: PropType<Dateable>;
        default: null;
    };
    max: {
        type: PropType<Dateable>;
        default: null;
    };
    disabledTime: {
        type: PropType<DisabledTime>;
        default: () => {};
    };
    hasError: {
        type: BooleanConstructor;
        default: boolean;
    };
    locale: {
        type: PropType<LocaleConfig["calendar"] & LocaleConfig["datePicker"]>;
        default: () => {};
    };
    selectingType: {
        type: PropType<"start" | "end">;
        default: string;
    };
    weekStart: {
        type: NumberConstructor;
        default: null;
    };
    staticWheel: {
        type: BooleanConstructor;
        default: boolean;
    };
    shortcutsPlacement: {
        type: PropType<DateShortcutsPlacement>;
        default: string;
    };
    labeledBy: {
        type: StringConstructor;
        default: undefined;
    };
}>> & Readonly<{
    onConfirm?: ((...args: any[]) => any) | undefined;
    onClick?: ((...args: any[]) => any) | undefined;
    onCancel?: ((...args: any[]) => any) | undefined;
    onChange?: ((...args: any[]) => any) | undefined;
    onHover?: ((...args: any[]) => any) | undefined;
    onShortcut?: ((...args: any[]) => any) | undefined;
    "onToggle-col"?: ((...args: any[]) => any) | undefined;
    "onType-change"?: ((...args: any[]) => any) | undefined;
    "onTime-change"?: ((...args: any[]) => any) | undefined;
}>, {
    locale: {
        year: string;
        month: string;
        month1: string;
        month2: string;
        month3: string;
        month4: string;
        month5: string;
        month6: string;
        month7: string;
        month8: string;
        month9: string;
        month10: string;
        month11: string;
        month12: string;
        week1: string;
        week2: string;
        week3: string;
        week4: string;
        week5: string;
        week6: string;
        week7: string;
        ariaLabel: {
            year: string;
            month: string;
            month1: string;
            month2: string;
            month3: string;
            month4: string;
            month5: string;
            month6: string;
            month7: string;
            month8: string;
            month9: string;
            month10: string;
            month11: string;
            month12: string;
            week1: string;
            week2: string;
            week3: string;
            week4: string;
            week5: string;
            week6: string;
            week7: string;
        };
    } & {
        confirm: string;
        cancel: string;
        placeholder: {
            year: string;
            month: string;
            date: string;
            datetime: string;
            start: string;
            end: string;
            select: string;
        };
        startTime: string;
        endTime: string;
        ariaLabel: {
            clear: string;
            quarter: string;
            week: string;
            date: string;
            hour: string;
            minute: string;
            second: string;
        };
    };
    type: "year" | "month" | "date" | "datetime";
    min: Dateable;
    max: Dateable;
    range: boolean;
    enabled: Record<DateTimeType, boolean>;
    today: Dateable;
    weekStart: number;
    disabledDate: (date: Date) => boolean;
    startValue: Record<DateTimeType, number>;
    endValue: Record<DateTimeType, number>;
    labeledBy: string;
    cancelText: string;
    confirmText: string;
    shortcuts: DateShortcut[];
    steps: number[];
    hasError: boolean;
    disabledTime: DisabledTime;
    noAction: boolean;
    startActivated: Record<DateTimeType, boolean>;
    endActivated: Record<DateTimeType, boolean>;
    selectingType: "start" | "end";
    staticWheel: boolean;
    shortcutsPlacement: DateShortcutsPlacement;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};