dark mode side bar panel page

components/layoutPanel/userDetail/Date.js

@@ -5,7 +5,35 @@ import { DatePicker } from "jalaali-react-date-picker";
 function Date() {
   return (
     <div className="flex justify-center">
-      <DatePicker nextIcon={<></>} prevIcon={<></>} />
+      <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>
   );
 }