fix(DatePicker): update changes from development

Author: somramnani

src/components/CommunityPortal/CPDashboard.jsx

@@ -297,6 +297,16 @@ export function CPDashboard() {
                   />
                   {dateError && <p className={styles['date-error-message']}>{dateError}</p>}
                 </div>
+                <div className={styles['date-filter-container']}>
+                  <DatePicker
+                    selected={selectedDate}
+                    onChange={date => handleDateChange(date)}
+                    placeholderText="Ending After"
+                    id="ending-after"
+                    className={styles['date-filter']}
+                  />
+                  {dateError && <p className={styles['date-error-message']}>{dateError}</p>}
+                </div>
               </div>
 
               <div className={styles.filterItem}>

src/components/CommunityPortal/CPDashboard.module.css

@@ -283,8 +283,10 @@
 }
 
 .date-filter {
+  padding-left: 10px;
   margin-top: 15px;
-  padding: 7px 9px;
+  padding-top: 0px;
+  padding-bottom: 0px;
 }
 
 .date-filter-container {