Merge pull request #79 from QueroDelivery/update-style-inputTime

fix: update input time element style
QueroDelivery · Oct 30, 2024 · 592a46d · 592a46d
2 parents 7cf9271 + 97d0ad5
commit 592a46d
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/Calendar/styles.ts b/src/components/Calendar/styles.ts
@@ -395,6 +395,7 @@ export const Container = styled.div<CalendarProps>`
   .react-datepicker__input-time-container .react-datepicker-time__caption {
     display: inline-block !important;
     color: #707070 !important;
+    font-size: medium;
   }
 
   .react-datepicker__input-time-container
@@ -413,13 +414,14 @@ export const Container = styled.div<CalendarProps>`
     .react-datepicker-time__input-container
     .react-datepicker-time__input
     input {
-    width: 85px !important;
+    width: 90% !important;
     border-radius: 20px !important;
     padding: 5px 10px !important;
     outline: none !important;
     border-style: solid !important;
     border-width: 1px !important;
     border-color: #707070 !important;
+    text-align: center;
   }
 
   .react-datepicker__input-time-container