import { WinboxUIComponent, WinboxUIComponentSize, WinboxUIHorizontalAlignment } from './component'

export interface TimePickerOptions {
  /**
   * Available time range.
   * e.g. `'18:30:00 - 20:30:00'`
   * or `['09:30:00 - 12:00:00', '14:30:00 - 18:30:00']`
   */
  selectableRange?: string | string[],

  /** Format  of the picker */
  format?: string
}

/** TimePicker Component */
export declare class WTimePicker extends WinboxUIComponent {
  /** Whether DatePicker is read only */
  readonly: boolean

  /** Whether DatePicker is disabled */
  disabled: boolean

  /** Whether the input is editable */
  editable: boolean

  /** Whether to show clear button */
  clearable: boolean

  /** Size of Input */
  size: WinboxUIComponentSize

  /** Placeholder */
  placeholder: string

  /** Placeholder for the start time in range mode */
  startPlaceholder: string

  /** Placeholder for the end time in range mode */
  endPlaceholder: string

  /** Whether to pick a time range */
  isRange: boolean

  /** Whether to use arrows for time selection */
  arrowControl: boolean

  /** Value of the picker */
  value: string | Date

  /** Alignment */
  align: WinboxUIHorizontalAlignment

  /** Custom class name for TimePicker's dropdown */
  popperClass: string

  /** Additional options, check the table below */
  pickerOptions: TimePickerOptions

  /** Range separator */
  rangeSeparator: string

  /** Range essential attribute */
  name: string

  /** Range prefixIcon */
  prefixIcon: string

  /** Range clearIcon */
  clearIcon: string

  /** Range suffixIcon */
  suffixIcon: string

  /** Range show now button */
  showNow: boolean

  /** Range show cancel button */
  showCancel: boolean

  /** Range show footer */
  showFooter: boolean

  /** Whether DatePicker is disabled */
  bordered: boolean

  /**
   * Focus the Input component
   */
  focus (): void
}