/// <reference types="react" />

import * as React from "react";

interface HTMLAttributesWeak extends React.HTMLAttributes<HTMLElement> {
  defaultValue?: any;
  onChange?: any;
}

export interface MonthPickerProps extends HTMLAttributesWeak {
  /**
   * 品牌样式前缀
   */
  prefix?: string;

  /**
   * 默认的基准日期
   */
  defaultBase?: string;

  /**
   * 默认日期
   */
  defaultValue?: any;

  /**
   * 日期值
   */
  value?: any;

  /**
   * 日期发生改变时的回调
   */
  onChange?: (date: string, formatDate: string) => void;

  /**
   * 禁用的月
   */
  disabledMonth?: () => void;

  /**
   * 是否默认展开
   */
  defaultOpen?: boolean;

  /**
   * 是否展开
   */
  open?: boolean;

  /**
   * 当面板展开变化时的回调
   */
  onOpenChange?: (open: boolean) => void;

  /**
   * 输入框大小
   */
  size?: "small" | "medium" | "large";

  /**
   * 语言
   */
  language?:
    | "en-us"
    | "ar"
    | "de"
    | "es"
    | "fr"
    | "hi"
    | "it"
    | "ja"
    | "ko"
    | "pt"
    | "ru"
    | "zh-cn"
    | "zh-hk"
    | "zh-tw";

  /**
   * 国际化配置, [参考](http://gitlab.alibaba-inc.com/next/date-picker/blob/master/src/locale/index.js)
   */
  locale?: {};

  /**
   * 弹层样式
   */
  popupStyle?: {};

  /**
   * 弹层对齐方式
   */
  popupAlign?: string;

  /**
   * 弹层偏移
   */
  popupOffset?: Array<any>;

  /**
   * 展开日期的格式
   */
  format?: string;

  /**
   * 是否禁用
   */
  disabled?: boolean;

  /**
   * 是否有清空按钮
   */
  hasClear?: boolean;

  /**
   * 输入框是否只读
   */
  readOnly?: boolean;

  /**
   * 自定义组件样式
   */
  className?: string;
}

export class MonthPicker extends React.Component<MonthPickerProps, any> {}

interface HTMLAttributesWeak extends React.HTMLAttributes<HTMLElement> {
  defaultValue?: any;
  onChange?: any;
}

export interface RangePickerProps extends HTMLAttributesWeak {
  /**
   * 品牌样式前缀
   */
  prefix?: string;

  /**
   * 默认的基准日期
   */
  defaultBase?: string;

  /**
   * 默认日期值
   */
  defaultValue?: Array<any>;

  /**
   * 日期值
   */
  value?: Array<any>;

  /**
   * 日期禁用
   */
  disabledDate?: (CalendarObject: {}) => boolean;

  /**
   * 禁用指定的小时，同 TimePicker
   */
  disabledHours?: () => void;

  /**
   * 禁用指定的分钟，同 TimePicker
   */
  disabledMinutes?: () => void;

  /**
   * 禁用指定的秒钟，同 TimePicker
   */
  disabledSeconds?: () => void;

  /**
   * 时间发生改变的回调
   */
  onChange?: (dateRange: Array<any>, formatDateRnage: Array<any>) => void;

  /**
   * 开始日期变化时的回调
   */
  onStartChange?: (date: string) => void;

  /**
   * 结束日期变化时的回调
   */
  onEndChange?: (date: string) => void;

  /**
   * 默认是否展开
   */
  defaultOpen?: boolean;

  /**
   * 是否展开
   */
  open?: boolean;

  /**
   * 当面板展开状态改变时的回调
   */
  onOpenChange?: (面板的: boolean) => void;

  /**
   * 输入框大小
   */
  size?: "small" | "medium" | "large";

  /**
   * 语言
   */
  language?:
    | "en-us"
    | "ar"
    | "de"
    | "es"
    | "fr"
    | "hi"
    | "it"
    | "ja"
    | "ko"
    | "pt"
    | "ru"
    | "zh-cn"
    | "zh-hk"
    | "zh-tw";

  /**
   * 国际化配置，[参考](http://gitlab.alibaba-inc.com/next/date-picker/blob/master/src/locale/index.js)
   */
  locale?: {};

  /**
   * 弹层样式
   */
  popupStyle?: {};

  /**
   * 弹层对其方式
   */
  popupAlign?: string;

  /**
   * 弹层偏移
   */
  popupOffset?: Array<any>;

  /**
   * 输出日期的格式
   */
  format?: string | (() => void);

  /**
   * 日期值格式化（可替代 format）
   */
  formater?: Array<any>;

  /**
   * 是否禁用
   */
  disabled?: boolean;

  /**
   * 是否有清空按钮
   */
  hasClear?: boolean;

  /**
   * 是否显示时间或传入 { defaultValue } 设置时间初值
   */
  showTime?: boolean | {};

  /**
   * 重新选择时是否重置时间
   */
  resetTime?: boolean;

  /**
   * 用户预设的快捷选择的日期范围
   */
  ranges?: {};

  /**
   * 输入框是否只读
   */
  readOnly?: boolean;

  /**
   * 自定义组件样式
   */
  className?: string;
}

export class RangePicker extends React.Component<RangePickerProps, any> {}

interface HTMLAttributesWeak extends React.HTMLAttributes<HTMLElement> {
  defaultValue?: any;
  onChange?: any;
}

export interface YearPickerProps extends HTMLAttributesWeak {
  /**
   * 品牌的样式前缀
   */
  prefix?: string;

  /**
   * 默认的基准日期
   */
  defaultBase?: string;

  /**
   * 默认日期
   */
  defaultValue?: any;

  /**
   * 日期
   */
  value?: any;

  /**
   * 时间发生变化的回调
   */
  onChange?: (date: string, formateDate: string) => void;

  /**
   * 年份禁用函数
   */
  disabledYear?: () => void;

  /**
   * 默认是否展开
   */
  defaultOpen?: boolean;

  /**
   * 是否展开
   */
  open?: boolean;

  /**
   * 当面板展开状态改变时的回调
   */
  onOpenChange?: (open: boolean) => void;

  /**
   * 输入框尺寸
   */
  size?: "small" | "medium" | "large";

  /**
   * 语言
   */
  language?:
    | "en-us"
    | "ar"
    | "de"
    | "es"
    | "fr"
    | "hi"
    | "it"
    | "ja"
    | "ko"
    | "pt"
    | "ru"
    | "zh-cn"
    | "zh-hk"
    | "zh-tw";

  /**
   * 国际化配置，[参考](http://gitlab.alibaba-inc.com/next/date-picker/blob/master/src/locale/index.js)
   */
  locale?: {};

  /**
   * 弹层样式
   */
  popupStyle?: {};

  /**
   * 弹层对齐方式
   */
  popupAlign?: string;

  /**
   * 弹层偏移
   */
  popupOffset?: Array<any>;

  /**
   * 日期格式
   */
  format?: string;

  /**
   * 是否禁用
   */
  disabled?: boolean;

  /**
   * 是否展示清空按钮
   */
  hasClear?: boolean;

  /**
   * 输入框是否只读
   */
  readOnly?: boolean;

  /**
   * 自定义组件样式
   */
  className?: string;
}

export class YearPicker extends React.Component<YearPickerProps, any> {}
interface HTMLAttributesWeak extends React.HTMLAttributes<HTMLElement> {
  defaultValue?: any;
  onChange?: any;
}

export interface DatePickerProps extends HTMLAttributesWeak {
  /**
   * 品牌样式前缀
   */
  prefix?: string;

  /**
   * 默认的基准日期
   */
  defaultBase?: string;

  /**
   * 默认日期
   */
  defaultValue?: any;

  /**
   * 日期值
   */
  value?: any;

  /**
   * 日期禁用
   */
  disabledDate?: (CalendarObject: {}) => boolean;

  /**
   * 时间发生改变时的回调函数
   */
  onChange?: (date: string, formatDate: string) => void;

  /**
   * 是否默认展开
   */
  defaultOpen?: boolean;

  /**
   * 是否展开
   */
  open?: boolean;

  /**
   * 当面板展开状态改变时的回调函数
   */
  onOpenChange?: (open: boolean) => void;

  /**
   * 输入框大小
   */
  size?: "small" | "medium" | "large";

  /**
   * 语言
   */
  language?:
    | "en-us"
    | "ar"
    | "de"
    | "es"
    | "fr"
    | "hi"
    | "it"
    | "ja"
    | "ko"
    | "pt"
    | "ru"
    | "zh-cn"
    | "zh-hk"
    | "zh-tw";

  /**
   * 国际化配置, [参考](http://gitlab.alibaba-inc.com/next/date-picker/blob/master/src/locale/index.js)
   */
  locale?: {};

  /**
   * 弹层面板样式
   */
  popupStyle?: {};

  /**
   * 弹层对齐方式
   */
  popupAlign?: string;

  /**
   * 弹层偏移
   */
  popupOffset?: Array<any>;

  /**
   * 日期格式化
   */
  formater?: Array<any>;

  /**
   * 是否禁用
   */
  disabled?: boolean;

  /**
   * 是否展示清空按钮
   */
  hasClear?: boolean;

  /**
   * 是否展示时间选择或传入 { defaultValue } 设置时间初值
   */
  showTime?: boolean | {};

  /**
   * 输入框是否只读
   */
  readOnly?: boolean;

  /**
   * 自定义组件样式
   */
  className?: string;
}

export default class DatePicker extends React.Component<DatePickerProps, any> {
  static MonthPicker: typeof MonthPicker;
  static RangePicker: typeof RangePicker;
  static YearPicker: typeof YearPicker;
}