@gem-mine/rmc-calendar/lib/panel/CalendarPanelProps.d.ts

React Mobile Calendar Component(web and react-native)

/// <reference types="react" />
import { Models } from './DataTypes';
export default interface PropsType {
    /** 默认日期，default: today */
    defaultDate?: Date;
    /** 选择值 */
    startDate?: Date;
    /** 选择值 */
    endDate?: Date;
    /** 不可选日期 */
    disabledDate?: (current: Date) => boolean;
    /** 自定义内容追加到单元格内 */
    renderDateCellExtra?: (date: Date) => Models.ExtraData | void;
    /** 自定义内容覆盖单元格 */
    renderDateFullCell?: (data: Models.CellData) => React.ReactNode | void;
    /** 无限滚动优化（大范围选择），default: false */
    infinite?: boolean;
    /** 初始化月个数，default: 6 */
    initalMonths?: number;
    /** 是否采用滑动翻页模式 */
    swiper?: boolean;
    /** 是否在日期区间模式显示起/止信息 */
    showBeginEndInfo?: boolean;
    /** 本地化 */
    locale?: Models.Locale;
    /** 最大日期 */
    maxDate?: Date;
    /** 最小日期 */
    minDate?: Date;
    /** 设置月起始日(1-28)，default: 1 */
    firstDayOfMonth?: number;
    /** 设置周起始日(0-6)，default: 0 */
    firstDayOfWeek?: number;
    /** 日期点击回调 */
    onCellClick?: (date: Date) => void;
    /** 滑动模式下滑动后回调 */
    onSlider?: (monthData: Models.MonthData) => void;
    onLayout?: (clientHight: number) => void;
    /** 改变展示信息, 日期和头部标题 */
    onChangeShowDateInfo?: (showDate: Date, headerTitle: string) => void;
    /** (web only) 样式前缀 */
    prefixCls?: string;
    /** 选择类型，default: range，one: 单日，range: 日期区间 */
    type?: 'one' | 'range';
}