"use client";

import { DatePicker } from "jalaali-react-date-picker";

function Date() {
  return (
    <div className="flex justify-center">
      <DatePicker
        nextIcon={<></>}
        prevIcon={<></>}
        dayLabelRender={(e) => (
          <div className="day-label-bar-inner-rtl">
            <div className="day-label-item !text-[10px] font-semibold">
              شنبه
            </div>
            <div className="day-label-item !text-[10px] font-semibold">
              ۱ شنبه
            </div>
            <div className="day-label-item !text-[10px] font-semibold">
              ۲ شنبه
            </div>
            <div className="day-label-item !text-[10px] font-semibold">
              ۳ شنبه
            </div>
            <div className="day-label-item !text-[10px] font-semibold">
              ۴ شنبه
            </div>
            <div className="day-label-item !text-[10px] font-semibold">
              ۵ شنبه
            </div>
            <div className="day-label-item !text-[10px] font-semibold">
              جمعه
            </div>
          </div>
        )}
      />
    </div>
  );
}

export default Date;