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

import * as React from "react";

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

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

  /**
   * 输入框提示文案
   */
  placeholder?: string;

  /**
   * 默认时间
   */
  defaultValue?: any;

  /**
   * 时间
   */
  value?: any;

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

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

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

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

  /**
   * 展示的时间格式，目前只支持 24 小时值
   */
  format?: string;

  /**
   * 禁用全部操作
   */
  disabled?: boolean;

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

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

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

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

  /**
   * 禁止选择指定分小时
   * Function() => Array
   */
  disabledHours?: () => void;

  /**
   * 禁止选择指定分钟
   * Function() => Array
   */
  disabledMinutes?: () => void;

  /**
   * 禁止选择部分秒
   * Function() => Array
   */
  disabledSeconds?: () => void;

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

  /**
   * 自定样式名
   */
  className?: string;
}

export default class TimePicker extends React.Component<TimePickerProps, any> {}