style

Author: RafaelGB

src/components/portals/CalendarPortal.tsx

@@ -55,14 +55,15 @@ const CalendarPortal = (calendarProps: CalendarProps) => {
   };
 
   return (
-    <DatePicker
-      dateFormat="yyyy-MM-dd"
-      selected={calendarState}
-      onChange={handleCalendarChange}
-      popperContainer={CalendarContainer}
-      placeholderText="Pick a date..."
-      className="data-input calendar"
-    />
+    <div className="data-input calendar">
+      <DatePicker
+        dateFormat="yyyy-MM-dd"
+        selected={calendarState}
+        onChange={handleCalendarChange}
+        popperContainer={CalendarContainer}
+        placeholderText="Pick a date..."
+      />
+    </div>
   );
 };
 

styles.css

@@ -423,11 +423,11 @@
   display: inline-block;
   padding: 0;
   border: 0;
-  width: 100%;
 }
 
 .react-datepicker-wrapper input[type="text"] {
   border: none;
+  font-family: "Inter", sans-serif;
 }
 
 .react-datepicker {