import * as React from 'react';

import { StandardProps } from '../@types/common';

export interface CalendarProps extends StandardProps {
  /**
   * @description       Date selected by default
   * @description.zh-CN 默认选中的日期
   * @default           []
   */
  defaultDates?: (string | number)[];
  /**
   * @description       Whether to enable year quick selection
   * @description.zh-CN 是否开启年快速选择功能
   * @default           true
   */
  selectYear?: boolean;
  /**
   * @description       Whether to start month quick selection function
   * @description.zh-CN 是否开始月快速选择功能
   * @default           true
   */
  selectMonth?: boolean;
  /**
   * @description       Is multi-select
   * @description.zh-CN 是否多选
   * @default           false
   */
  multiple?: boolean;
  /**
   * @description       Select the date callback
   * @description.zh-CN 选择日期回调
   * @default
   */
  onDayClick?: (res: { dates: string[]; dateString: string }) => void;
  /**
   * @description       Minimum optional date
   * @description.zh-CN 最小可选日期
   * @default           ''
   */
  minDate?: string;
  /**
   * @description       Maximum optional date
   * @description.zh-CN 最大可选日期
   * @default           ''
   */
  maxDate?: string;
}

export interface InitialStateType {
  /** 年份选择区间索引 */
  yearRangeIndex: number;
  year: number;
  month: number;
  day: number;
  /** 选中的日期 */
  dates: string[];
  /** 是否开启年快速选择功能 */
  selectYear: boolean;
  /** 是否开始月快速选择功能 */
  selectMonth: boolean;
  /** 是否开启年快速选择功能 */
  showYearQuickSelect: boolean;
  /** 是否开始月快速选择功能 */
  showMonthQuickSelect: boolean;
}

declare const XuiCalendar: React.ComponentType<CalendarProps>;

export default XuiCalendar;