Merge pull request #87 from indec-it/fix/datePickerStyle

fix(datePicker): fix styles
indec-it · Jun 27, 2022 · 91c1515 · 91c1515
2 parents cdaf2de + 8be8235
commit 91c1515
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@indec/react-commons",
-  "version": "5.1.0",
+  "version": "5.1.1",
   "description": "Common reactjs components for apps",
   "private": false,
   "main": "index.js",

diff --git a/src/components/DatePicker/DatePicker.js b/src/components/DatePicker/DatePicker.js
@@ -4,7 +4,6 @@ import es from 'date-fns/locale/es';
 import ReactDatePicker from 'react-datepicker';
 
 import DatePickerInput from './DatePickerInput';
-import './styles.css';
 
 const DatePicker = ({
     name,
@@ -44,7 +43,6 @@ const DatePicker = ({
             selectsStart={selectsStart}
             startDate={startDate}
             endDate={endDate}
-            style={{zIndex: 5}}
             customInput={(
                 <DatePickerInput
                     {...props}

diff --git a/src/components/DatePicker/styles.css b/src/components/DatePicker/styles.css
diff --git a/src/theme/base/global.js b/src/theme/base/global.js
@@ -8,6 +8,9 @@ const global = {
     '*, :after, :before': {
         boxSizing: 'border-box'
     },
+    '.react-datepicker-popper': {
+        zIndex: 3
+    },
     input: {
         '&:-webkit-autofill::first-line': {
             fontSize: '16px',