import React, {ChangeEvent} from "react";

interface DatePickerProps {
    date: string;
    setDate: (e: ChangeEvent<HTMLInputElement>) => void;
}

export default function DatePicker(
    {
        setDate,
        date
    }: DatePickerProps) {
    return (
        <input
            type="date"
            value={date}
            onChange={setDate}
            className="bg-secondary/50 text-text-primary px-4 py-2.5 rounded-xl border border-secondary/50 focus:border-primary focus:ring-4 focus:ring-primary/20 focus:bg-secondary hover:bg-secondary hover:border-secondary outline-none transition-all duration-200"
        />
    )
}