import React, { useState } from 'react';
import { motion } from 'framer-motion';

export const AnimatedDatePicker = ({ onChange }: { onChange: (date: string) => void }) => {
  const [date, setDate] = useState('');

  return (
    <motion.input
      type="date"
      value={date}
      onChange={(e) => {
        setDate(e.target.value);
        onChange(e.target.value);
      }}
      whileFocus={{ scale: 1.05 }}
      className="px-3 py-2 rounded-lg border shadow-sm"
    />
  );
};