datepicker show 1 month when mobile and 2 month when desktop

Author: 任庆伟

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

@@ -27,7 +27,7 @@ exports[`Matches shallow shapshot 1`] = `
   monthFormat="MMMM YYYY"
   navNext={null}
   navPrev={null}
-  numberOfMonths="1"
+  numberOfMonths={2}
   onClose={[Function]}
   onDatesChange={[Function]}
   onFocusChange={[Function]}

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

@@ -113,7 +113,7 @@ exports[`Matches shallow shapshot 1`] = `
         />
       </div>
       <div
-        className="src-shared-components-challenge-listing-Filters-FiltersPanel-___style__filter___1-QUz src-shared-components-challenge-listing-Filters-FiltersPanel-___style__dates___3kH3c"
+        className="src-shared-components-challenge-listing-Filters-FiltersPanel-___style__filter___1-QUz src-shared-components-challenge-listing-Filters-FiltersPanel-___style__dates___3kH3c src-shared-components-challenge-listing-Filters-FiltersPanel-___style__hidetwomonthdatepicker___OurWT"
       >
         <label
           htmlFor="date-range-picker"
@@ -123,6 +123,23 @@ exports[`Matches shallow shapshot 1`] = `
         <DateRangePicker
           endDate={undefined}
           id="date-range-picker"
+          numberOfMonths="1"
+          onDatesChange={[Function]}
+          startDate={undefined}
+        />
+      </div>
+      <div
+        className="src-shared-components-challenge-listing-Filters-FiltersPanel-___style__filter___1-QUz src-shared-components-challenge-listing-Filters-FiltersPanel-___style__dates___3kH3c src-shared-components-challenge-listing-Filters-FiltersPanel-___style__hideonemonthdatepicker___2zdTb"
+      >
+        <label
+          htmlFor="date-range-picker"
+        >
+          Date range
+        </label>
+        <DateRangePicker
+          endDate={undefined}
+          id="date-range-picker"
+          numberOfMonths="2"
           onDatesChange={[Function]}
           startDate={undefined}
         />
@@ -239,7 +256,23 @@ exports[`Matches shallow shapshot 2`] = `
         />
       </div>
       <div
-        className="src-shared-components-challenge-listing-Filters-FiltersPanel-___style__filter___1-QUz src-shared-components-challenge-listing-Filters-FiltersPanel-___style__dates___3kH3c"
+        className="src-shared-components-challenge-listing-Filters-FiltersPanel-___style__filter___1-QUz src-shared-components-challenge-listing-Filters-FiltersPanel-___style__dates___3kH3c src-shared-components-challenge-listing-Filters-FiltersPanel-___style__hidetwomonthdatepicker___OurWT"
+      >
+        <label
+          htmlFor="date-range-picker"
+        >
+          Date range
+        </label>
+        <DateRangePicker
+          endDate={undefined}
+          id="date-range-picker"
+          numberOfMonths="1"
+          onDatesChange={[Function]}
+          startDate={undefined}
+        />
+      </div>
+      <div
+        className="src-shared-components-challenge-listing-Filters-FiltersPanel-___style__filter___1-QUz src-shared-components-challenge-listing-Filters-FiltersPanel-___style__dates___3kH3c src-shared-components-challenge-listing-Filters-FiltersPanel-___style__hideonemonthdatepicker___2zdTb"
       >
         <label
           htmlFor="date-range-picker"
@@ -249,6 +282,7 @@ exports[`Matches shallow shapshot 2`] = `
         <DateRangePicker
           endDate={undefined}
           id="date-range-picker"
+          numberOfMonths="2"
           onDatesChange={[Function]}
           startDate={undefined}
         />