import type { App } from 'vue'

import type { PickerTimeProps, RangePickerTimeProps } from '../date-picker/generatePicker'
import dateFnsGenerateConfig from '../vc-picker/generate/dateFns'
import createTimePicker from './time-picker'

const { TimePicker, TimeRangePicker } = createTimePicker<Date>(dateFnsGenerateConfig)

export interface TimeRangePickerProps extends Omit<RangePickerTimeProps<Date>, 'picker'> {
  popupClassName?: string
  valueFormat?: string
}
export interface TimePickerProps extends Omit<PickerTimeProps<Date>, 'picker'> {
  popupClassName?: string
  valueFormat?: string
}
/* istanbul ignore next */
export { TimePicker, TimeRangePicker }
export default Object.assign(TimePicker, {
  TimePicker,
  TimeRangePicker,
  install: (app: App) => {
    app.component(TimePicker.name, TimePicker)
    app.component(TimeRangePicker.name, TimeRangePicker)
    return app
  },
})
