[Dev Deps] use `@babel/eslint-parser` instead of `babel-eslint`

.eslintignore

-lib/
-.storybook/
-test/_helpers/
-webpack.config.js

.eslintrc

@@ -3,19 +3,26 @@
 
   "extends": [
     "airbnb",
-    "plugin:react-with-styles/recommended"
+    "plugin:react-with-styles/recommended",
   ],
 
   "plugins": [
-    "react-with-styles"
+    "react-with-styles",
   ],
 
   "env": {
     "browser": true,
-    "node": true
+    "node": true,
   },
 
-  "parser": "babel-eslint",
+  "ignorePatterns": [
+    "lib/",
+    ".storybook/",
+    "test/_helpers/",
+    "webpack.config.js",
+  ],
+
+  "parser": "@babel/eslint-parser",
 
   "rules": {
     "react/forbid-foreign-prop-types": 2, // For babel-plugin-transform-react-remove-prop-types
@@ -44,7 +51,7 @@
           //"devDependencies": true
         //}],
         "indent": [2, 2, {
-          "MemberExpression": "off"
+          "MemberExpression": "off",
         }],
       },
     },
@@ -52,5 +59,5 @@
 
   "settings": {
     "propWrapperFunctions": ["forbidExtraProps", "exact", "Object.freeze"],
-  }
+  },
 }

package.json

@@ -51,6 +51,7 @@
   "devDependencies": {
     "@babel/cli": "^7.16.8",
     "@babel/core": "^7.16.12",
+    "@babel/eslint-parser": "^7.16.5",
     "@babel/register": "^7.16.9",
     "@babel/runtime": "^7.16.7",
     "@storybook/addon-actions": "^5.3.21",
@@ -62,7 +63,6 @@
     "@welldone-software/why-did-you-render": "^3.6.0",
     "airbnb-js-shims": "^2.2.1",
     "aphrodite": "^2.4.0",
-    "babel-eslint": "^10.1.0",
     "babel-loader": "^8.2.2",
     "babel-plugin-inline-react-svg": "^1.1.2",
     "babel-plugin-inline-svg": "^1.2.0",

src/components/DateRangePickerInput.jsx

@@ -260,15 +260,13 @@ function DateRangePickerInput({
 
       {!isEndDateFocused && children}
 
-      {
-        <div
-          {...css(styles.DateRangePickerInput_arrow)}
-          aria-hidden="true"
-          role="presentation"
-        >
-          {arrowIcon}
-        </div>
-      }
+      <div
+        {...css(styles.DateRangePickerInput_arrow)}
+        aria-hidden="true"
+        role="presentation"
+      >
+        {arrowIcon}
+      </div>
 
       <DateInput
         id={endDateId}