New branch with issue fix

Author: sushilshinde

__tests__/shared/components/challenge-listing/Filters/__snapshots__/DateRangePicker.jsx.snap

@@ -67,7 +67,7 @@ exports[`Matches shallow shapshot 1`] = `
       "upArrowDownArrow": "up and down arrow keys",
     }
   }
-  readOnly={false}
+  readOnly={true}
   renderCalendarInfo={null}
   renderDay={null}
   renderMonth={null}

__tests__/shared/components/challenge-listing/Filters/__snapshots__/FiltersPanel.jsx.snap

@@ -127,6 +127,7 @@ exports[`Matches shallow shapshot 1`] = `
           id="date-range-picker"
           numberOfMonths={1}
           onDatesChange={[Function]}
+          readOnly={true}
           startDate={undefined}
         />
       </div>
@@ -143,6 +144,7 @@ exports[`Matches shallow shapshot 1`] = `
           id="date-range-picker"
           numberOfMonths={2}
           onDatesChange={[Function]}
+          readOnly={true}
           startDate={undefined}
         />
       </div>
@@ -274,6 +276,7 @@ exports[`Matches shallow shapshot 2`] = `
           id="date-range-picker"
           numberOfMonths={1}
           onDatesChange={[Function]}
+          readOnly={true}
           startDate={undefined}
         />
       </div>
@@ -290,6 +293,7 @@ exports[`Matches shallow shapshot 2`] = `
           id="date-range-picker"
           numberOfMonths={2}
           onDatesChange={[Function]}
+          readOnly={true}
           startDate={undefined}
         />
       </div>

package-lock.json

@@ -37,13 +37,15 @@ class DateRangePicker extends React.Component {
         endDate={this.props.endDate}
         anchorDirection={'right'}
         displayFormat={'MMM DD, YYYY'}
+        readOnly={this.props.readOnly}
       />
     );
   }
 }
 
 DateRangePicker.defaultProps = {
   onDatesChange: () => true,
+  readOnly: true,
 };
 
 DateRangePicker.propTypes = {