"use client";
import React, { useEffect, useState } from "react";
import "@hassanmojab/react-modern-calendar-datepicker/lib/DatePicker.css";
import DatePicker from "@hassanmojab/react-modern-calendar-datepicker";
import Buttonbriz from "plugins/Buttonbriz/page";
import { Calendar } from "react-modern-calendar-datepicker";

const DatePickerIran = ({ datePickerEvent, date }) => {
  const [selectedDay, setSelectedDay] = useState(null);

  useEffect(() => {
    setSelectedDay(date);
  }, [date]);

  return (
    <div className="">
      <div className="flex justify-end z-[1000] relative top-[22px] right-3">
        <div className="bg-body-100 px-2">
          <p className="mb-0 text-sm mr-0 mx-auto">تاریخ تولد</p>
        </div>
      </div>

      <DatePicker
        value={selectedDay}
        onChange={datePickerEvent}
        shouldHighlightWeekends
        inputClassName={`peer w-full border-b placeholder:text-transparent relative !text-right  ${
          2 == 1 ? "form-control-white" : "form-control"
        }`}
        locale="fa"
      />
    </div>
  );
};

export default DatePickerIran;