set default day in dashboard page

app/globals.css

@@ -436,6 +436,10 @@ html {
   rotate: 180deg;
 }
 
+.panel-jalaali * {
+  transition-duration: 0.2s !important;
+}
+
 .panel-date-holder-item span {
   /* font-family: Iran Sans !important; */
   font-size: 18px !important;
@@ -464,6 +468,14 @@ html {
   display: none !important;
 }
 
+.active-today .day-item-outer .today {
+  background: #5559ce !important;
+}
+
+.active-today .panel-jalaali .day-item-outer .today .day-span-text {
+  color: #ffffff !important;
+}
+
 .panel-jalaali .days-body .day.hovered span {
   color: #343a40 !important;
 }

components/layoutPanel/userDetail/Date.js

@@ -1,10 +1,13 @@
 "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">
+    <div className="flex justify-center sm-datepicker active-today">
       <DatePicker
         nextIcon={<></>}
         prevIcon={<></>}