update src/components/Datepicker/CalenderList/index.js and src/components/FormFields/FormInput/index.js

src/components/Datepicker/CalenderList/index.js

@@ -8,13 +8,13 @@ const CalenderList = ({ buttons }) => {
     <div className="flex flex-col bg-white">
       <div className="w-[96%] mx-auto flex flex-row ">
         {/* right side */}
-        <div className="flex flex-row items-center bg-red-400">
+        <div className=" flex flex-row items-center divide-x-2 divide-surfaceBorder divide-x-reverse">
           {/* right side */}
-          <div className="flex flex-row text-primaryText">
+          <div className="flex px-4 flex-row text-primaryText">
             <span className="text-sm">خرداد</span>
           </div>
           {/* left side */}
-          <div className="flex flex-row">
+          <div className="flex px-4 flex-row">
             {buttons.map((button, i) => (
               <Button
                 key={i}
@@ -25,7 +25,6 @@ const CalenderList = ({ buttons }) => {
           </div>
         </div>
       </div>
-
       {/* ? calender list */}
       <div className="flex flex-wrap space-between gap-5">
         <Calender />