vant/lib/calendar/types.d.ts

Mobile UI Components built on Vue

import type { ComponentPublicInstance, ComputedRef, Ref } from 'vue';
import type { Numeric } from '../utils';
import type { CalendarProps } from './Calendar';
import type { CalendarMonthProps } from './CalendarMonth';
export type CalendarSwitchMode = 'none' | 'month' | 'year-month';
export type CalendarType = 'single' | 'range' | 'multiple';
export type CalendarDayType = '' | 'start' | 'start-end' | 'middle' | 'end' | 'selected' | 'multiple-middle' | 'multiple-selected' | 'disabled' | 'placeholder';
export type CalendarDayItem = {
    date?: Date;
    text?: Numeric;
    type?: CalendarDayType;
    topInfo?: string;
    className?: unknown;
    bottomInfo?: string;
};
export type CalendarExpose = {
    reset: (date?: Date | Date[]) => void;
    scrollToDate: (targetDate: Date) => void;
    getSelectedDate: () => Date | Date[] | null;
};
export type CalendarInstance = ComponentPublicInstance<CalendarProps, CalendarExpose>;
export type CalendarMonthInstance = ComponentPublicInstance<CalendarMonthProps, {
    showed?: boolean;
    getTitle: () => string;
    getHeight: () => number;
    setVisible: (value?: boolean | undefined) => void;
    scrollToDate: (body: Element, targetDate: Date) => void;
    disabledDays: Ref<ComputedRef<CalendarDayItem[]>>;
}>;
export type CalendarThemeVars = {
    calendarBackground?: string;
    calendarPopupHeight?: string;
    calendarHeaderShadow?: string;
    calendarHeaderTitleHeight?: string;
    calendarHeaderTitleFontSize?: string;
    calendarHeaderSubtitleFontSize?: string;
    calendarHeaderActionWidth?: string;
    calendarHeaderActionColor?: string;
    calendarHeaderActionDisabledColor?: string;
    calendarWeekdaysHeight?: string;
    calendarWeekdaysFontSize?: string;
    calendarMonthTitleFontSize?: string;
    calendarMonthMarkColor?: string;
    calendarMonthMarkFontSize?: string;
    calendarDayHeight?: string;
    calendarDayFontSize?: string;
    calendarDayMarginBottom?: string;
    calendarDayDisabledColor?: string;
    calendarRangeEdgeColor?: string;
    calendarRangeEdgeBackground?: string;
    calendarRangeMiddleColor?: string;
    calendarRangeMiddleBackgroundOpacity?: number | string;
    calendarSelectedDaySize?: string;
    calendarSelectedDayColor?: string;
    calendarSelectedDayBackground?: string;
    calendarInfoFontSize?: string;
    calendarInfoLineHeight?: number | string;
    calendarConfirmButtonHeight?: string;
    calendarConfirmButtonMargin?: string;
};