import React from "react";
import DatePicker from "@/components/ui/DatePicker";

interface OptionStartDateInputProps {
  optionstartdate: string;
  setoptionstartdate: (value: string) => void;
  formatDateToString: (date: Date) => string;
}

const OptionStartDateInput: React.FC<OptionStartDateInputProps> = ({
  optionstartdate,
  setoptionstartdate,
  formatDateToString,
}) => {
  return (
    <div className="group">
      <DatePicker
        label="Option Start Date"
        value={optionstartdate}
        onChange={(date: Date) => setoptionstartdate(formatDateToString(date))}
        className="text-sm transition-all duration-200 group-hover:shadow-md"
      />
    </div>
  );
};

export default OptionStartDateInput;