35 lines
1.1 KiB
JavaScript
35 lines
1.1 KiB
JavaScript
"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;
|