import { IFormComponentProps, dateRangeDefaultTimeFactory } from '../shared';
import {
  CombinedTimeRangePicker,
  ICombinedTimeRangePickerProps,
  RangeTime,
} from '../../date-picker';
import { FormField } from '../Field';
import { $MergeParams } from '../utils';

export type ICombinedFormTimeRangePickerFieldProps = IFormComponentProps<
  RangeTime,
  Omit<ICombinedTimeRangePickerProps, 'value'>
>;

export const FormCombinedTimeRangePickerField: React.FC<ICombinedFormTimeRangePickerFieldProps> =
  props => {
    return (
      <FormField
        {...props}
        defaultValue={
          (props as $MergeParams<ICombinedFormTimeRangePickerFieldProps>)
            .defaultValue ?? dateRangeDefaultTimeFactory
        }
      >
        {childProps => (
          <CombinedTimeRangePicker {...props.props} {...childProps} />
        )}
      </FormField>
    );
  };