UNPKG

@extclp/vexip-ui

Version:

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

1,213 lines 232 kB
import { nextTick } from 'vue'; import { PopperExposed } from '../popper'; import { Dateable } from '@vexip-ui/utils'; import { DatePickerFormatFn, DatePickerSlots, DateTimeType, DateType } from './symbol'; declare function __VLS_template(): { attrs: Partial<{}>; slots: Readonly<DatePickerSlots> & DatePickerSlots; refs: { wrapper: HTMLDivElement; reference: HTMLDivElement; start: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{ unitType: { type: import('vue').PropType<DateTimeType | "">; default: string; }; enabled: { type: import('vue').PropType<Record<DateTimeType, boolean>>; default: () => {}; }; activated: { type: import('vue').PropType<Record<DateTimeType, boolean>>; default: () => {}; }; dateValue: { type: import('vue').PropType<Record<DateTimeType, number>>; default: () => {}; }; dateSeparator: { type: StringConstructor; default: string; }; timeSeparator: { type: StringConstructor; default: string; }; visible: { type: BooleanConstructor; default: boolean; }; focused: { type: BooleanConstructor; default: boolean; }; filler: { type: StringConstructor; default: string; validator: (value: string) => boolean; }; steps: { type: import('vue').PropType<number[]>; default: () => number[]; }; ctrlSteps: { type: import('vue').PropType<number[]>; default: () => number[]; }; labels: { type: import('vue').PropType<Partial<Record<DateTimeType, string>>>; default: () => {}; }; hasError: { type: BooleanConstructor; default: boolean; }; placeholder: { type: StringConstructor; default: string; }; readonly: { type: BooleanConstructor; default: boolean; }; labeledBy: { type: StringConstructor; default: undefined; }; locale: { type: import('vue').PropType<import('@vexip-ui/config').LocaleConfig["calendar"] & import('@vexip-ui/config').LocaleConfig["datePicker"]>; default: () => {}; }; dateUnitOrder: { type: import('vue').PropType<DateType[]>; default: () => string[]; }; }>> & Readonly<{ onInput?: ((...args: any[]) => any) | undefined; onPlus?: ((...args: any[]) => any) | undefined; onMinus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; onCancel?: ((...args: any[]) => any) | undefined; onEnter?: ((...args: any[]) => any) | undefined; "onUnit-focus"?: ((...args: any[]) => any) | undefined; "onPrev-unit"?: ((...args: any[]) => any) | undefined; "onNext-unit"?: ((...args: any[]) => any) | undefined; }>, { isActivated: import('vue').ComputedRef<boolean>; wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>; focus: () => void; blur: () => void; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, { input: (...args: any[]) => void; plus: (...args: any[]) => void; minus: (...args: any[]) => void; blur: (...args: any[]) => void; cancel: (...args: any[]) => void; enter: (...args: any[]) => void; "unit-focus": (...args: any[]) => void; "prev-unit": (...args: any[]) => void; "next-unit": (...args: any[]) => void; }, import('vue').PublicProps, { 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; }; }; visible: boolean; placeholder: string; readonly: boolean; focused: boolean; activated: Record<DateTimeType, boolean>; enabled: Record<DateTimeType, boolean>; filler: string; labeledBy: string; unitType: "" | DateTimeType; dateValue: Record<DateTimeType, number>; dateSeparator: string; timeSeparator: string; steps: number[]; ctrlSteps: number[]; labels: Partial<Record<DateTimeType, string>>; hasError: boolean; dateUnitOrder: DateType[]; }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, { wrapper: HTMLDivElement; }, HTMLDivElement, import('vue').ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import('vue').ExtractPropTypes<{ unitType: { type: import('vue').PropType<DateTimeType | "">; default: string; }; enabled: { type: import('vue').PropType<Record<DateTimeType, boolean>>; default: () => {}; }; activated: { type: import('vue').PropType<Record<DateTimeType, boolean>>; default: () => {}; }; dateValue: { type: import('vue').PropType<Record<DateTimeType, number>>; default: () => {}; }; dateSeparator: { type: StringConstructor; default: string; }; timeSeparator: { type: StringConstructor; default: string; }; visible: { type: BooleanConstructor; default: boolean; }; focused: { type: BooleanConstructor; default: boolean; }; filler: { type: StringConstructor; default: string; validator: (value: string) => boolean; }; steps: { type: import('vue').PropType<number[]>; default: () => number[]; }; ctrlSteps: { type: import('vue').PropType<number[]>; default: () => number[]; }; labels: { type: import('vue').PropType<Partial<Record<DateTimeType, string>>>; default: () => {}; }; hasError: { type: BooleanConstructor; default: boolean; }; placeholder: { type: StringConstructor; default: string; }; readonly: { type: BooleanConstructor; default: boolean; }; labeledBy: { type: StringConstructor; default: undefined; }; locale: { type: import('vue').PropType<import('@vexip-ui/config').LocaleConfig["calendar"] & import('@vexip-ui/config').LocaleConfig["datePicker"]>; default: () => {}; }; dateUnitOrder: { type: import('vue').PropType<DateType[]>; default: () => string[]; }; }>> & Readonly<{ onInput?: ((...args: any[]) => any) | undefined; onPlus?: ((...args: any[]) => any) | undefined; onMinus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; onCancel?: ((...args: any[]) => any) | undefined; onEnter?: ((...args: any[]) => any) | undefined; "onUnit-focus"?: ((...args: any[]) => any) | undefined; "onPrev-unit"?: ((...args: any[]) => any) | undefined; "onNext-unit"?: ((...args: any[]) => any) | undefined; }>, { isActivated: import('vue').ComputedRef<boolean>; wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>; focus: () => void; blur: () => void; }, {}, {}, {}, { 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; }; }; visible: boolean; placeholder: string; readonly: boolean; focused: boolean; activated: Record<DateTimeType, boolean>; enabled: Record<DateTimeType, boolean>; filler: string; labeledBy: string; unitType: "" | DateTimeType; dateValue: Record<DateTimeType, number>; dateSeparator: string; timeSeparator: string; steps: number[]; ctrlSteps: number[]; labels: Partial<Record<DateTimeType, string>>; hasError: boolean; dateUnitOrder: DateType[]; }> | null; end: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{ unitType: { type: import('vue').PropType<DateTimeType | "">; default: string; }; enabled: { type: import('vue').PropType<Record<DateTimeType, boolean>>; default: () => {}; }; activated: { type: import('vue').PropType<Record<DateTimeType, boolean>>; default: () => {}; }; dateValue: { type: import('vue').PropType<Record<DateTimeType, number>>; default: () => {}; }; dateSeparator: { type: StringConstructor; default: string; }; timeSeparator: { type: StringConstructor; default: string; }; visible: { type: BooleanConstructor; default: boolean; }; focused: { type: BooleanConstructor; default: boolean; }; filler: { type: StringConstructor; default: string; validator: (value: string) => boolean; }; steps: { type: import('vue').PropType<number[]>; default: () => number[]; }; ctrlSteps: { type: import('vue').PropType<number[]>; default: () => number[]; }; labels: { type: import('vue').PropType<Partial<Record<DateTimeType, string>>>; default: () => {}; }; hasError: { type: BooleanConstructor; default: boolean; }; placeholder: { type: StringConstructor; default: string; }; readonly: { type: BooleanConstructor; default: boolean; }; labeledBy: { type: StringConstructor; default: undefined; }; locale: { type: import('vue').PropType<import('@vexip-ui/config').LocaleConfig["calendar"] & import('@vexip-ui/config').LocaleConfig["datePicker"]>; default: () => {}; }; dateUnitOrder: { type: import('vue').PropType<DateType[]>; default: () => string[]; }; }>> & Readonly<{ onInput?: ((...args: any[]) => any) | undefined; onPlus?: ((...args: any[]) => any) | undefined; onMinus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; onCancel?: ((...args: any[]) => any) | undefined; onEnter?: ((...args: any[]) => any) | undefined; "onUnit-focus"?: ((...args: any[]) => any) | undefined; "onPrev-unit"?: ((...args: any[]) => any) | undefined; "onNext-unit"?: ((...args: any[]) => any) | undefined; }>, { isActivated: import('vue').ComputedRef<boolean>; wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>; focus: () => void; blur: () => void; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, { input: (...args: any[]) => void; plus: (...args: any[]) => void; minus: (...args: any[]) => void; blur: (...args: any[]) => void; cancel: (...args: any[]) => void; enter: (...args: any[]) => void; "unit-focus": (...args: any[]) => void; "prev-unit": (...args: any[]) => void; "next-unit": (...args: any[]) => void; }, import('vue').PublicProps, { 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; }; }; visible: boolean; placeholder: string; readonly: boolean; focused: boolean; activated: Record<DateTimeType, boolean>; enabled: Record<DateTimeType, boolean>; filler: string; labeledBy: string; unitType: "" | DateTimeType; dateValue: Record<DateTimeType, number>; dateSeparator: string; timeSeparator: string; steps: number[]; ctrlSteps: number[]; labels: Partial<Record<DateTimeType, string>>; hasError: boolean; dateUnitOrder: DateType[]; }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, { wrapper: HTMLDivElement; }, HTMLDivElement, import('vue').ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import('vue').ExtractPropTypes<{ unitType: { type: import('vue').PropType<DateTimeType | "">; default: string; }; enabled: { type: import('vue').PropType<Record<DateTimeType, boolean>>; default: () => {}; }; activated: { type: import('vue').PropType<Record<DateTimeType, boolean>>; default: () => {}; }; dateValue: { type: import('vue').PropType<Record<DateTimeType, number>>; default: () => {}; }; dateSeparator: { type: StringConstructor; default: string; }; timeSeparator: { type: StringConstructor; default: string; }; visible: { type: BooleanConstructor; default: boolean; }; focused: { type: BooleanConstructor; default: boolean; }; filler: { type: StringConstructor; default: string; validator: (value: string) => boolean; }; steps: { type: import('vue').PropType<number[]>; default: () => number[]; }; ctrlSteps: { type: import('vue').PropType<number[]>; default: () => number[]; }; labels: { type: import('vue').PropType<Partial<Record<DateTimeType, string>>>; default: () => {}; }; hasError: { type: BooleanConstructor; default: boolean; }; placeholder: { type: StringConstructor; default: string; }; readonly: { type: BooleanConstructor; default: boolean; }; labeledBy: { type: StringConstructor; default: undefined; }; locale: { type: import('vue').PropType<import('@vexip-ui/config').LocaleConfig["calendar"] & import('@vexip-ui/config').LocaleConfig["datePicker"]>; default: () => {}; }; dateUnitOrder: { type: import('vue').PropType<DateType[]>; default: () => string[]; }; }>> & Readonly<{ onInput?: ((...args: any[]) => any) | undefined; onPlus?: ((...args: any[]) => any) | undefined; onMinus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; onCancel?: ((...args: any[]) => any) | undefined; onEnter?: ((...args: any[]) => any) | undefined; "onUnit-focus"?: ((...args: any[]) => any) | undefined; "onPrev-unit"?: ((...args: any[]) => any) | undefined; "onNext-unit"?: ((...args: any[]) => any) | undefined; }>, { isActivated: import('vue').ComputedRef<boolean>; wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>; focus: () => void; blur: () => void; }, {}, {}, {}, { 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; }; }; visible: boolean; placeholder: string; readonly: boolean; focused: boolean; activated: Record<DateTimeType, boolean>; enabled: Record<DateTimeType, boolean>; filler: string; labeledBy: string; unitType: "" | DateTimeType; dateValue: Record<DateTimeType, number>; dateSeparator: string; timeSeparator: string; steps: number[]; ctrlSteps: number[]; labels: Partial<Record<DateTimeType, string>>; hasError: boolean; dateUnitOrder: DateType[]; }> | null; popper: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{ inherit: import('vue').PropType<boolean>; visible: import('vue').PropType<boolean>; alive: import('vue').PropType<boolean>; to: import('vue').PropType<string>; transition: import('vue').PropType<string>; appear: import('vue').PropType<boolean>; role: import('vue').PropType<string>; onBeforeEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>; onEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>; onAfterEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>; onEnterCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>; onBeforeLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>; onLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>; onAfterLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>; onLeaveCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>; }>> & Readonly<{}>, { nh: import('../../common/bem-helper/dist').NBEM<"popper", "vxp">; props: { readonly inherit: boolean; readonly visible: boolean; readonly role: string; readonly appear: boolean; readonly onBeforeEnter: ((el: Element) => void) | ((el: Element) => void)[]; readonly onEnter: ((el: Element) => void) | ((el: Element) => void)[]; readonly onAfterEnter: ((el: Element) => void) | ((el: Element) => void)[]; readonly onEnterCancelled: ((el: Element) => void) | ((el: Element) => void)[]; readonly onBeforeLeave: ((el: Element) => void) | ((el: Element) => void)[]; readonly onLeave: ((el: Element) => void) | ((el: Element) => void)[]; readonly onAfterLeave: ((el: Element) => void) | ((el: Element) => void)[]; readonly onLeaveCancelled: ((el: Element) => void) | ((el: Element) => void)[]; readonly transition: string; readonly to: string; readonly alive: boolean; }; zIndex: import('vue').Ref<number, number>; wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>; emitHookEvent: (name: "be" | "e" | "ae" | "ec" | "bl" | "l" | "al" | "lc", el: Element) => void; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, never[], import('vue').PublicProps, {}, true, {}, {}, { Portal: { new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{ to: { type: StringConstructor; default: string; }; }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, { to: string; }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import('vue').ExtractPropTypes<{ to: { type: StringConstructor; default: string; }; }>> & Readonly<{}>, {}, {}, {}, {}, { to: string; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{ to: { type: StringConstructor; default: string; }; }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, { to: string; }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => { $slots: { default?(_: {}): any; }; }); } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import('vue').ExtractPropTypes<{ inherit: import('vue').PropType<boolean>; visible: import('vue').PropType<boolean>; alive: import('vue').PropType<boolean>; to: import('vue').PropType<string>; transition: import('vue').PropType<string>; appear: import('vue').PropType<boolean>; role: import('vue').PropType<string>; onBeforeEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>; onEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>; onAfterEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>; onEnterCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>; onBeforeLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>; onLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>; onAfterLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>; onLeaveCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>; }>> & Readonly<{}>, { nh: import('../../common/bem-helper/dist').NBEM<"popper", "vxp">; props: { readonly inherit: boolean; readonly visible: boolean; readonly role: string; readonly appear: boolean; readonly onBeforeEnter: ((el: Element) => void) | ((el: Element) => void)[]; readonly onEnter: ((el: Element) => void) | ((el: Element) => void)[]; readonly onAfterEnter: ((el: Element) => void) | ((el: Element) => void)[]; readonly onEnterCancelled: ((el: Element) => void) | ((el: Element) => void)[]; readonly onBeforeLeave: ((el: Element) => void) | ((el: Element) => void)[]; readonly onLeave: ((el: Element) => void) | ((el: Element) => void)[]; readonly onAfterLeave: ((el: Element) => void) | ((el: Element) => void)[]; readonly onLeaveCancelled: ((el: Element) => void) | ((el: Element) => void)[]; readonly transition: string; readonly to: string; readonly alive: boolean; }; zIndex: import('vue').Ref<number, number>; wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>; emitHookEvent: (name: "be" | "e" | "ae" | "ec" | "bl" | "l" | "al" | "lc", el: Element) => void; }, {}, {}, {}, {}> | null; panel: ({ $: import('vue').ComponentInternalInstance; $data: {}; $props: Partial<{ 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: import('./symbol').DateShortcut[]; steps: number[]; hasError: boolean; disabledTime: import('./symbol').DisabledTime; noAction: boolean; startActivated: Record<DateTimeType, boolean>; endActivated: Record<DateTimeType, boolean>; selectingType: "start" | "end"; staticWheel: boolean; shortcutsPlacement: import('./symbol').DateShortcutsPlacement; }> & Omit<{ readonly 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; }; }; readonly type: "year" | "month" | "date" | "datetime"; readonly min: Dateable; readonly max: Dateable; readonly range: boolean; readonly enabled: Record<DateTimeType, boolean>; readonly today: Dateable; readonly weekStart: number; readonly disabledDate: (date: Date) => boolean; readonly startValue: Record<DateTimeType, number>; readonly endValue: Record<DateTimeType, number>; readonly cancelText: string; readonly confirmText: string; readonly shortcuts: import('./symbol').DateShortcut[]; readonly steps: number[]; readonly hasError: boolean; readonly disabledTime: import('./symbol').DisabledTime; readonly noAction: boolean; readonly startActivated: Record<DateTimeType, boolean>; readonly endActivated: Record<DateTimeType, boolean>; readonly selectingType: "start" | "end"; readonly staticWheel: boolean; readonly shortcutsPlacement: import('./symbol').DateShortcutsPlacement; readonly labeledBy?: string | undefined; readonly onConfirm?: ((...args: any[]) => any) | undefined; readonly onClick?: ((...args: any[]) => any) | undefined; readonly onCancel?: ((...args: any[]) => any) | undefined; readonly onChange?: ((...args: any[]) => any) | undefined; readonly onHover?: ((...args: any[]) => any) | undefined; readonly onShortcut?: ((...args: any[]) => any) | undefined; readonly "onToggle-col"?: ((...args: any[]) => any) | undefined; readonly "onType-change"?: ((...args: any[]) => any) | undefined; readonly "onTime-change"?: ((...args: any[]) => any) | undefined; } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "locale" | "type" | "min" | "max" | "range" | "enabled" | "today" | "weekStart" | "disabledDate" | "startValue" | "endValue" | "labeledBy" | "cancelText" | "confirmText" | "shortcuts" | "steps" | "hasError" | "disabledTime" | "noAction" | "startActivated" | "endActivated" | "selectingType" | "staticWheel" | "shortcutsPlacement">; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ [name: string]: import('vue').Slot<any> | undefined; }>; $root: import('vue').ComponentPublicInstance | null; $parent: import('vue').ComponentPublicInstance | null; $host: Element | null; $emit: ((event: "confirm", ...args: any[]) => void) & ((event: "click", ...args: any[]) => void) & ((event: "cancel", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "hover", ...args: any[]) => void) & ((event: "shortcut", ...args: any[]) => void) & ((event: "toggle-col", ...args: any[]) => void) & ((event: "type-change", ...args: any[]) => void) & ((event: "time-change", ...args: any[]) => void); $el: HTMLDivElement; $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{ type: { default: import('./symbol').DatePickerType; validator: (value: import('./symbol').DatePickerType) => boolean; }; enabled: { type: import('vue').PropType<Record<DateTimeType, boolean>>; default: () => {}; }; startValue: { type: import('vue').PropType<Record<DateTimeType, number>>; default: null; }; endValue: { type: import('vue').PropType<Record<DateTimeType, number>>; default: null; }; shortcuts: { type: import('vue').PropType<import('./symbol').DateShortcut[]>; default: () => never[]; }; confirmText: { type: StringConstructor; default: null; }; cancelText: { type: StringConstructor; default: null; }; today: { type: import('vue').PropType<Dateable>; default: () => Date; }; disabledDate: { type: import('vue').PropType<(date: Date) => boolean>; default: () => boolean; }; noAction: { type: BooleanConstructor; default: boolean; }; steps: { type: import('vue').PropType<number[]>; default: () => number[]; }; range: { type: BooleanConstructor; default: boolean; }; startActivated: { type: import('vue').PropType<Record<DateTimeType, boolean>>; default: () => {}; }; endActivated: { type: import('vue').PropType<Record<DateTimeType, boolean>>; default: () => {}; }; min: { type: import('vue').PropType<Dateable>; default: null; }; max: { type: import('vue').PropType<Dateable>; default: null; }; disabledTime: { type: import('vue').PropType<import('./symbol').DisabledTime>; default: () => {}; }; hasError: { type: BooleanConstructor; default: boolean; }; locale: { type: import('vue').PropType<import('@vexip-ui/config').LocaleConfig["calendar"] & import('@vexip-ui/config').LocaleConfig["datePicker"]>; default: () => {}; }; selectingType: { type: import('vue').PropType<"start" | "end">; default: string; }; weekStart: { type: NumberConstructor; default: null; }; staticWheel: { type: BooleanConstructor; default: boolean; }; shortcutsPlacement: { type: import('vue').PropType<import('./symbol').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; }>, { refreshCalendar: (valueType: "start" | "end") => void; }, {}, {}, {}, 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, { locale: { year: string; m