Update the Datepicker to show value

tan12082001 · Dec 14, 2023 · 24ef800 · 24ef800
1 parent 8e5f94e
commit 24ef800
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/Form/FormField.js b/src/components/Form/FormField.js
@@ -26,8 +26,10 @@ export const DateField = ({
         /* eslint-disable react/jsx-props-no-spreading */
         {...field}
         {...props}
+        selected={field.value}
         onChange={handleDatePickerChange}
         onBlur={() => helpers.setTouched(true)}
+        minDate={new Date()}
       />
       {meta.touched && meta.error ? (
         <FieldErrorInfo>{meta.error}</FieldErrorInfo>

diff --git a/src/pages/UserDashboard/DashboardHome.js b/src/pages/UserDashboard/DashboardHome.js
@@ -84,10 +84,9 @@ const Container = styled.div`
   margin: 3.5rem;
   @media (max-width: 380px) {
     width: 80%;
-    margin-left: 2.5rem;
   }
   @media (max-width: 768px) {
-    margin-left: 0;
+    margin-left: 2.5rem;
   }
 `;