transition dark/light mode date-picker

components/doctors/search/index.js

@@ -53,7 +53,7 @@ function SearchBar({ data, setData }) {
         className={`!shadow-none !px-5 !h-full !w-[524px] bg-[#FAFAFA] !text-[14px] md:!text-[16px] !min-w-[50%] !rounded-0 !font-normal !text-[#6C757D]`}
       />
       <Button
-        className="!flex !m-1 !rounded-[4px] !min-w-[36px] sm:!min-w-[42px] md:!min-w-[49px] lg:!min-w-[56px]
+        className="!flex !m-1 !rounded-[4px] !w-[36px] sm:!w-[42px] md:!w-[49px] lg:!w-[56px] !min-w-[36px] sm:!min-w-[42px] md:!min-w-[49px] lg:!min-w-[56px]
                 !gap-2.5 !p-2.5 md:!p-4 !h-[calc(100%_-_8px)]"
       >
         <div className="w-[24px] h-[24px] min-w-[24px] min-h-[24px]">

components/layoutPanel/userDetail/Date.js

@@ -7,7 +7,7 @@ function Date() {
   const todayJalaali = moment().format("jYYYY/jMM/jDD");
 
   return (
-    <div className="flex justify-center sm-datepicker active-today">
+    <div className="flex justify-center sm-datepicker active-today jalali-dashboard">
       <DatePicker
         nextIcon={<></>}
         prevIcon={<></>}