fix: added key prop for datePicker options

DTS-STN · Sep 21, 2022 · 0faa78f · 0faa78f
1 parent a83654d
commit 0faa78f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/DatePicker/DatePicker.js b/src/components/DatePicker/DatePicker.js
@@ -69,8 +69,10 @@ export function DatePicker(props) {
             onChange={onMonthChange}
             className="ds-w-165px ds-py-5px ds-flex ds-px-14px ds-date-text ds-border-1.5 ds-border-multi-neutrals-grey85a ds-rounded"
           >
-            {monthValues.map((mv) => (
-              <option value={mv}>{language.datePicker.months[mv]}</option>
+            {monthValues.map((mv, index) => (
+              <option value={mv} key={index}>
+                {language.datePicker.months[mv]}
+              </option>
             ))}
           </select>
           <div className="dropdownPos">

diff --git a/src/components/DatePicker/styles.css b/src/components/DatePicker/styles.css
@@ -2,14 +2,12 @@
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  background: transparent;
 }
 
 .dropdownPos {
   position: absolute;
   left: 136px;
   top: 48px;
-  z-index: -1;
 }
 
 input::-webkit-outer-spin-button,