import React from "react";
import { BaseDateField } from "./BaseDateField";

interface StartDatePickerProps<T extends string> {
  startdate: string;
  setstartdate: (value: string) => void;
  formatDateToString: (date: Date) => string;
  clearError: (field: T) => void;
  handleFieldBlur: (field: T, validateField: (field: T) => string | undefined) => void;
  validateField: (field: T) => string | undefined;
  errors: { startdate?: string };
}

const StartDatePicker = <T extends string>({
  startdate,
  setstartdate,
  formatDateToString,
  clearError,
  handleFieldBlur,
  validateField,
  errors,
}: StartDatePickerProps<T>) => {
  return (
    <BaseDateField
      label="Start Date"
      value={startdate}
      setValue={setstartdate}
      formatDateToString={formatDateToString}
      clearError={clearError}
      errors={errors as Partial<Record<T, string>>}
      handleFieldBlur={handleFieldBlur}
      validateField={validateField}
      fieldName={"startdate" as T}
    />
  );
};

export default StartDatePicker;