"use client";
import React, { 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 = () => {
  const [selectedDay, setSelectedDay] = useState(null);

  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={setSelectedDay}
        shouldHighlightWeekends
        inputClassName={`peer w-full border-b placeholder:text-transparent relative !text-right  ${
          2 == 1 ? "form-control-white" : "form-control"
        }`}
        locale="fa" // add this
        inputPlaceholder="  "
        inputName={1}
      />
    </div>
  );
};

export default DatePickerIran;