import {
  DEFAULT_TIME_RANGE,
  TimeRangePicker,
  TimeRangePickerProps,
  useTimeRangePicker
} from '@tidbcloud/uikit/biz'

function TimeRangePickerWrapper(props: TimeRangePickerProps) {
  const timeRangePickerProps = useTimeRangePicker({
    value: props.value ?? DEFAULT_TIME_RANGE,
    onChange: props.onChange,
    minDateTime: props.minDateTime,
    maxDateTime: props.maxDateTime,
    maxDuration: props.maxDuration,
    relativeFormatter: props.relativeFormatter,
    absoluteFormatter: props.absoluteFormatter,
    dateInputFormat: props.dateInputFormat,
    utcOffset: '+00:00'
  })

  return <TimeRangePicker {...props} {...timeRangePickerProps} />
}

export default TimeRangePickerWrapper