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

interface EffectiveDatePickerProps {
  effectivedate: string;
  seteffectivedate: (value: string) => void;
  formatDateToString: (date: Date) => string;
}

const EffectiveDatePicker: React.FC<EffectiveDatePickerProps> = ({
  effectivedate,
  seteffectivedate,
  formatDateToString,
}) => {
  return (
    <div className="group transition-all duration-200 hover:shadow-md hover:shadow-[#428B4D]/10">
      <DatePicker
        label="Effective Date"
        value={effectivedate}
        onChange={(date: Date) => {
          seteffectivedate(formatDateToString(date));
        }}
        className="text-sm transition-all duration-200 group-hover:border-[#428B4D]/50 group-hover:shadow-md group-hover:shadow-[#428B4D]/10"
      />
    </div>
  );
};

export default EffectiveDatePicker;