From 3ef3297dfce61dd152aa1bb023f8bbcb497a8dea Mon Sep 17 00:00:00 2001
From: Chukwumdiebube <chukwumdiebubeojinta@gmail.com>
Date: Tue, 28 Feb 2023 21:16:55 +0100
Subject: [PATCH 1/2] resized datepicker component

---
 src/components/AuthPages/SignUp/index.jsx    | 2 --
 src/components/Reminders/AddEditReminder.jsx | 2 +-
 src/index.css                                | 5 +++++
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/AuthPages/SignUp/index.jsx b/src/components/AuthPages/SignUp/index.jsx
index af9c4ca..1a84c56 100755
--- a/src/components/AuthPages/SignUp/index.jsx
+++ b/src/components/AuthPages/SignUp/index.jsx
@@ -62,8 +62,6 @@ export default function SignUp() {
       })
       return
     }
-
-
     //checks if email is a valid email address
     let regEx = /^[^0-9][a-zA-Z0-9._%+-]+@[a-zA-Z]+(\.[a-zA-Z]+)+$/;
     if (regEx.test(email) == false) {
diff --git a/src/components/Reminders/AddEditReminder.jsx b/src/components/Reminders/AddEditReminder.jsx
index 68832b9..7849420 100644
--- a/src/components/Reminders/AddEditReminder.jsx
+++ b/src/components/Reminders/AddEditReminder.jsx
@@ -76,7 +76,7 @@ export default function AddEditReminder({ className }) {
     setMessage({status: true, message: ''})
     let {description, notes, category, mode} = infoDetail
     //CHECKING IF AN EMPTY FIELD WAS PASSED
-    if(!description || !notes || !category || !mode){
+    if(!description || !category || !mode){
       setSuccess(false)
       setMessage({status: false, message: 'All fields must be filled'})
       return
diff --git a/src/index.css b/src/index.css
index 7c28fe9..094efd1 100755
--- a/src/index.css
+++ b/src/index.css
@@ -766,6 +766,11 @@ TODO: Responsive ===========================
 }
 
 /* Date Picker */
+.react-date-picker{
+  display: flex !important;
+  flex: 1;
+}
+
 .react-date-picker__wrapper{
   border: 0.5px solid #E3E4FE;
   padding: 1.25rem;

From 4dd99ec2d96548996cbcc20796c26d75ebf67034 Mon Sep 17 00:00:00 2001
From: Chukwumdiebube <chukwumdiebubeojinta@gmail.com>
Date: Tue, 28 Feb 2023 23:45:34 +0100
Subject: [PATCH 2/2] fixed size for mobile view

---
 src/index.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/index.css b/src/index.css
index 094efd1..857404e 100755
--- a/src/index.css
+++ b/src/index.css
@@ -669,6 +669,7 @@ TODO: Responsive ===========================
   .nft-userprofile-wrapper .content-wrapper-profile-only .auth {
     margin-top: -70px;
   }
+  .react-date-picker__calendar {width: 290px;}
 }
 @media (max-width: 376px) {
   .notification-page .content-item .notifications {
@@ -677,6 +678,7 @@ TODO: Responsive ===========================
   .notification-page .content-item .notifications .icon {
     @apply mb-2;
   }
+
 }
 
 /* Calendar */
@@ -788,6 +790,7 @@ TODO: Responsive ===========================
 
 .dark .react-date-picker__button svg{stroke: #7B818D;}
 
+.react-date-picker__calendar {inset: 100% 25px auto auto !important;}
 .react-date-picker__calendar .react-calendar{
   min-height: 18.4rem;
 }