Merge pull request 'Unnecessary Calendar Icon Displayed in Attandance Employee Profile Page' (#337) from Kartik_Bug#908 into Issues_Aug_1W

Reviewed-on: #337

src/components/common/DateRangePicker.jsx

@@ -47,18 +47,18 @@ const DateRangePicker = ({
   }, [onRangeChange, DateDifference, endDateMode]);
 
   return (
-    <div className={`col-${sm} col-sm-${md} px-1 position-relative`}>
+    <div className={`col-${sm} col-sm-${md} px-1`}>
       <input
         type="text"
-        className="form-control form-control-sm ps-2 pe-5  me-4"
+        className="form-control form-control-sm ps-2 pe-5 me-4"
         placeholder="From to End"
         id="flatpickr-range"
         ref={inputRef}
       />
 
       <i
-        className="bx bx-calendar calendar-icon cursor-pointer position-absolute top-50  translate-middle-y "
-        style={{ right: "12px" }}
+        className="bx bx-calendar calendar-icon cursor-pointer position-relative top-50  translate-middle-y "
+        style={{ right: "22px", bottom: "-8px" }}
       ></i>
     </div>
   );