"use client";

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

function Date() {
  const todayJalaali = moment().format("jYYYY/jMM/jDD");

  return (
    <div className="flex justify-center sm-datepicker active-today jalali-dashboard">
      <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;