diff --git a/docs/_shared/Ad.tsx b/docs/_shared/Ad.tsx
index 0d9c6bc95..d8e69b491 100644
--- a/docs/_shared/Ad.tsx
+++ b/docs/_shared/Ad.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { loadScript } from 'utils/helpers';
 import { Grid, makeStyles } from '@material-ui/core';
 
-const useStyles = makeStyles(theme => ({
+const useStyles = makeStyles((theme) => ({
   '@global': {
     '#carbonads': {
       fontFamily: theme.typography.fontFamily,
diff --git a/docs/_shared/Code.tsx b/docs/_shared/Code.tsx
index fb96cbdf0..aff51cacb 100644
--- a/docs/_shared/Code.tsx
+++ b/docs/_shared/Code.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 import { highlight } from '../utils/prism';
 import { makeStyles } from '@material-ui/core';
 
-const useStyles = makeStyles(theme => ({
+const useStyles = makeStyles((theme) => ({
   root: {
     margin: 0,
     fontFamily: theme.typography.fontFamily,
diff --git a/docs/_shared/Example.tsx b/docs/_shared/Example.tsx
index 72077d70e..0ffe1c101 100644
--- a/docs/_shared/Example.tsx
+++ b/docs/_shared/Example.tsx
@@ -17,7 +17,7 @@ interface ExampleProps {
   source: { raw: string; relativePath: string; default: React.FC<any> };
 }
 
-const useStyles = makeStyles(theme => ({
+const useStyles = makeStyles((theme) => ({
   exampleTitle: {
     marginBottom: 8,
     '@media(max-width: 600px)': {
diff --git a/docs/_shared/LinkedComponents.tsx b/docs/_shared/LinkedComponents.tsx
index 7cb49ea9f..fbe34a153 100644
--- a/docs/_shared/LinkedComponents.tsx
+++ b/docs/_shared/LinkedComponents.tsx
@@ -9,7 +9,7 @@ interface LinkedComponentsProps {
 const LinkedComponents: React.FunctionComponent<LinkedComponentsProps> = ({ components }) => {
   return (
     <ul>
-      {components.map(component => (
+      {components.map((component) => (
         <li key={component}>
           <Link prefetch href={`/api/props?component=${component}`} as={`/api/${component}`}>
             <a>
diff --git a/docs/_shared/PropTypesTable.tsx b/docs/_shared/PropTypesTable.tsx
index 0b62953ff..c54c15b8a 100644
--- a/docs/_shared/PropTypesTable.tsx
+++ b/docs/_shared/PropTypesTable.tsx
@@ -17,7 +17,7 @@ import {
   Grid,
 } from '@material-ui/core';
 
-const useStyles = makeStyles(theme => ({
+const useStyles = makeStyles((theme) => ({
   header: {
     marginTop: 24,
   },
@@ -117,7 +117,7 @@ const PropTypesTableLazy: React.FC<PropTypesTableProps> = ({ disableHeader, src
           </TableHead>
 
           <TableBody>
-            {propsToShow.map(prop => (
+            {propsToShow.map((prop) => (
               <TableRow key={prop.name}>
                 <TableCell
                   className={clsx({
diff --git a/docs/_shared/UtilsServiceContext.tsx b/docs/_shared/UtilsServiceContext.tsx
index 92ed21e57..aafdaa885 100644
--- a/docs/_shared/UtilsServiceContext.tsx
+++ b/docs/_shared/UtilsServiceContext.tsx
@@ -5,9 +5,9 @@ import { UtilsService, createUtilsService } from '../utils/utilsService';
 export const UtilsContext = React.createContext<UtilsService>(createUtilsService('date-fns'));
 
 export const withUtilsService = <P extends UtilsService>(Component: React.ComponentType<P>) => {
-  const withUtilsService: React.SFC<Omit<P, keyof UtilsService>> = props => (
+  const withUtilsService: React.SFC<Omit<P, keyof UtilsService>> = (props) => (
     <UtilsContext.Consumer>
-      {service => <Component {...service} {...(props as any)} />}
+      {(service) => <Component {...service} {...(props as any)} />}
     </UtilsContext.Consumer>
   );
 
diff --git a/docs/_shared/svgIcons/GithubIcon.jsx b/docs/_shared/svgIcons/GithubIcon.jsx
index 8bc245010..05d99293e 100644
--- a/docs/_shared/svgIcons/GithubIcon.jsx
+++ b/docs/_shared/svgIcons/GithubIcon.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { SvgIcon } from '@material-ui/core';
 
-const GitHub = props => (
+const GitHub = (props) => (
   <SvgIcon {...props}>
     <path d="M12.007 0C6.12 0 1.1 4.27.157 10.08c-.944 5.813 2.468 11.45 8.054 13.312.19.064.397.033.555-.084.16-.117.25-.304.244-.5v-2.042c-3.33.735-4.037-1.56-4.037-1.56-.22-.726-.694-1.35-1.334-1.756-1.096-.75.074-.735.074-.735.773.103 1.454.557 1.846 1.23.694 1.21 2.23 1.638 3.45.96.056-.61.327-1.178.766-1.605-2.67-.3-5.462-1.335-5.462-6.002-.02-1.193.42-2.35 1.23-3.226-.327-1.015-.27-2.116.166-3.09 0 0 1.006-.33 3.3 1.23 1.966-.538 4.04-.538 6.003 0 2.295-1.5 3.3-1.23 3.3-1.23.445 1.006.49 2.144.12 3.18.81.877 1.25 2.033 1.23 3.226 0 4.607-2.805 5.627-5.476 5.927.578.583.88 1.386.825 2.206v3.29c-.005.2.092.393.26.507.164.115.377.14.565.063 5.568-1.88 8.956-7.514 8.007-13.313C22.892 4.267 17.884.007 12.008 0z" />
   </SvgIcon>
diff --git a/docs/fakeApi/randomDate.ts b/docs/fakeApi/randomDate.ts
index c305cbbdd..943b90ff2 100644
--- a/docs/fakeApi/randomDate.ts
+++ b/docs/fakeApi/randomDate.ts
@@ -5,7 +5,7 @@ function getRandomNumber(min: number, max: number) {
   return Math.round(Math.random() * (max - min) + min);
 }
 
-export default function(req: NowRequest, res: NowResponse) {
+export default function (req: NowRequest, res: NowResponse) {
   const { month } = req.query;
 
   if (!month || typeof month !== 'string') {
@@ -25,7 +25,7 @@ export default function(req: NowRequest, res: NowResponse) {
 
   setTimeout(() => {
     const daysInMonth = getDaysInMonth(date);
-    const daysToHighlight = [1, 2, 3].map(_ => getRandomNumber(1, daysInMonth));
+    const daysToHighlight = [1, 2, 3].map((_) => getRandomNumber(1, daysInMonth));
 
     res.json({ daysToHighlight });
   }, 500); // fake some long work
diff --git a/docs/layout/Layout.tsx b/docs/layout/Layout.tsx
index 2c93b5628..e55aadac8 100644
--- a/docs/layout/Layout.tsx
+++ b/docs/layout/Layout.tsx
@@ -83,7 +83,7 @@ class Layout extends Component<LayoutProps> {
   state = {
     anchorEl: null,
     drawerOpen: false,
-    selectedIndex: Object.keys(utilsMap).findIndex(lib => lib === 'date-fns'),
+    selectedIndex: Object.keys(utilsMap).findIndex((lib) => lib === 'date-fns'),
   };
 
   handleDrawerToggle = () => {
diff --git a/docs/layout/components/NavItem.jsx b/docs/layout/components/NavItem.jsx
index 41b473e4c..b83c3e6ca 100644
--- a/docs/layout/components/NavItem.jsx
+++ b/docs/layout/components/NavItem.jsx
@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import { withRouter } from 'next/router';
 import { ListItem, withStyles, Collapse, Button } from '@material-ui/core';
 
-const styles = theme => ({
+const styles = (theme) => ({
   listItem: {
     display: 'block',
     paddingTop: 0,
@@ -39,7 +39,7 @@ class NavItem extends React.Component {
     };
   }
 
-  handleClick = e => {
+  handleClick = (e) => {
     if (this.props.depth === 0) {
       e.stopPropagation();
     }
diff --git a/docs/layout/components/navigationMap.ts b/docs/layout/components/navigationMap.ts
index ab571bfe0..d2b9c535f 100644
--- a/docs/layout/components/navigationMap.ts
+++ b/docs/layout/components/navigationMap.ts
@@ -29,8 +29,8 @@ export const navItems = [
   {
     title: 'Components API',
     children: Object.keys(PropTypesDoc)
-      .filter(component => !component.match(/^(Mobile|Desktop|Static)/))
-      .map(component => ({
+      .filter((component) => !component.match(/^(Mobile|Desktop|Static)/))
+      .map((component) => ({
         title: component,
         as: `/api/${component}`,
         href: `/api/props?component=${component}`,
diff --git a/docs/next.config.js b/docs/next.config.js
index b9661d522..6353ab407 100644
--- a/docs/next.config.js
+++ b/docs/next.config.js
@@ -24,7 +24,7 @@ module.exports = withBundleAnalyzer(
       withTypescript(
         withMDX(
           withTM({
-            webpack: config => {
+            webpack: (config) => {
               if (config.optimization.splitChunks.cacheGroups) {
                 // split all date libs to separate chunk
                 config.optimization.splitChunks.cacheGroups.dateLibs = {
diff --git a/docs/pages/_document.tsx b/docs/pages/_document.tsx
index 76c5ed993..b0516d1bf 100644
--- a/docs/pages/_document.tsx
+++ b/docs/pages/_document.tsx
@@ -14,7 +14,7 @@ class MyDocument extends Document<{ theme?: ThemeType }> {
     let pageContext: PageContext | undefined;
 
     const { theme } = cookies(ctx as any);
-    const page = ctx.renderPage(Component => {
+    const page = ctx.renderPage((Component) => {
       const WrappedComponent = (props: any) => {
         pageContext = props.pageContext;
         return <Component {...props} />;
diff --git a/docs/pages/api/props.tsx b/docs/pages/api/props.tsx
index 6dfb3e7b4..19d1e1a24 100644
--- a/docs/pages/api/props.tsx
+++ b/docs/pages/api/props.tsx
@@ -8,7 +8,7 @@ import { WithRouterProps, withRouter } from 'next/router';
 import { Typography, Grid, makeStyles } from '@material-ui/core';
 
 const internalComponents = ['Calendar', 'ClockView', 'Day'];
-const useStyles = makeStyles(theme => ({
+const useStyles = makeStyles((theme) => ({
   kawaiiIcon: {
     marginTop: 48,
   },
diff --git a/docs/pages/demo/datepicker/BasicDatePicker.example.tsx b/docs/pages/demo/datepicker/BasicDatePicker.example.tsx
index 5b5bbcb90..b9d2a9d94 100644
--- a/docs/pages/demo/datepicker/BasicDatePicker.example.tsx
+++ b/docs/pages/demo/datepicker/BasicDatePicker.example.tsx
@@ -9,8 +9,8 @@ export default function BasicDatePicker() {
     <DatePicker
       label="Basic example"
       value={value}
-      onChange={newValue => setValue(newValue)}
-      renderInput={props => <TextField {...props} />}
+      onChange={(newValue) => setValue(newValue)}
+      renderInput={(props) => <TextField {...props} />}
     />
   );
 }
diff --git a/docs/pages/demo/datepicker/CustomDay.example.jsx b/docs/pages/demo/datepicker/CustomDay.example.jsx
index 2997804bd..dc822e6c3 100644
--- a/docs/pages/demo/datepicker/CustomDay.example.jsx
+++ b/docs/pages/demo/datepicker/CustomDay.example.jsx
@@ -10,7 +10,7 @@ import { makeStyles } from '@material-ui/core';
 import { makeJSDateObject } from '../../../utils/helpers';
 import { DatePicker, PickersDay } from '@material-ui/pickers';
 
-const useStyles = makeStyles(theme => ({
+const useStyles = makeStyles((theme) => ({
   highlight: {
     borderRadius: 0,
     backgroundColor: theme.palette.primary.main,
@@ -65,7 +65,7 @@ export default function CustomDay(props) {
       value={selectedDate}
       onChange={handleDateChange}
       renderDay={renderWeekPickerDay}
-      renderInput={props => <TextField {...props} />}
+      renderInput={(props) => <TextField {...props} />}
       inputFormat={props.__willBeReplacedGetFormatString({
         moment: `[Week of] MMM D`,
         dateFns: "'Week of' MMM d",
diff --git a/docs/pages/demo/datepicker/CustomInput.example.jsx b/docs/pages/demo/datepicker/CustomInput.example.jsx
index d6aee2b39..53524e5a1 100644
--- a/docs/pages/demo/datepicker/CustomInput.example.jsx
+++ b/docs/pages/demo/datepicker/CustomInput.example.jsx
@@ -14,7 +14,7 @@ export default function CustomInput() {
     <DesktopDatePicker
       label="Advanced keyboard"
       value={value}
-      onChange={newValue => setValue(newValue)}
+      onChange={(newValue) => setValue(newValue)}
       renderInput={({ inputRef, inputProps, InputProps }) => (
         <InputContainer>
           <input ref={inputRef} {...inputProps} />
diff --git a/docs/pages/demo/datepicker/DatePickers.example.jsx b/docs/pages/demo/datepicker/DatePickers.example.jsx
index 3ddb36a26..a261536b2 100644
--- a/docs/pages/demo/datepicker/DatePickers.example.jsx
+++ b/docs/pages/demo/datepicker/DatePickers.example.jsx
@@ -16,16 +16,16 @@ export default function DatePickersVariants(props) {
         })}
         toolbarPlaceholder="Enter Date"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
-        renderInput={props => <TextField {...props} />}
+        onChange={(date) => handleDateChange(date)}
+        renderInput={(props) => <TextField {...props} />}
       />
 
       <DesktopDatePicker
         label="For desktop"
         minDate={new Date('2017-01-01')}
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
-        renderInput={props => <TextField {...props} />}
+        onChange={(date) => handleDateChange(date)}
+        renderInput={(props) => <TextField {...props} />}
       />
 
       <DatePicker
@@ -34,8 +34,8 @@ export default function DatePickersVariants(props) {
         openTo="year"
         views={['year', 'month', 'date']}
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
-        renderInput={props => <TextField {...props} />}
+        onChange={(date) => handleDateChange(date)}
+        renderInput={(props) => <TextField {...props} />}
       />
     </React.Fragment>
   );
diff --git a/docs/pages/demo/datepicker/ServerRequest.example.jsx b/docs/pages/demo/datepicker/ServerRequest.example.jsx
index af7e7aafb..3045e2206 100644
--- a/docs/pages/demo/datepicker/ServerRequest.example.jsx
+++ b/docs/pages/demo/datepicker/ServerRequest.example.jsx
@@ -15,7 +15,7 @@ export default function ServerRequest() {
     return () => requestAbortController.current?.abort();
   }, []);
 
-  const handleMonthChange = date => {
+  const handleMonthChange = (date) => {
     if (requestAbortController.current) {
       // make sure that you are aborting useless requests
       // because it is possible to switch between months pretty quickly
@@ -28,7 +28,7 @@ export default function ServerRequest() {
     fetch(`/fakeApi/randomDate?month=${date.toString()}`, {
       signal: controller.signal,
     })
-      .then(res => res.json())
+      .then((res) => res.json())
       .then(({ daysToHighlight }) => setHighlightedDays(daysToHighlight))
       .catch(() => console.log('Wow, you are switching months too quickly 🐕'));
 
@@ -39,10 +39,10 @@ export default function ServerRequest() {
     <DatePicker
       value={selectedDate}
       loading={highlightedDays === null}
-      onChange={date => handleDateChange(date)}
+      onChange={(date) => handleDateChange(date)}
       onMonthChange={handleMonthChange}
       // loading
-      renderInput={props => <TextField {...props} />}
+      renderInput={(props) => <TextField {...props} />}
       renderLoading={() => <CalendarSkeleton />}
       renderDay={(day, selectedDate, DayComponentProps) => {
         const date = makeJSDateObject(day); // skip this step, it is required to support date libs
diff --git a/docs/pages/demo/datepicker/StaticDatePicker.example.jsx b/docs/pages/demo/datepicker/StaticDatePicker.example.jsx
index cb1005e44..fd2c66bd0 100644
--- a/docs/pages/demo/datepicker/StaticDatePicker.example.jsx
+++ b/docs/pages/demo/datepicker/StaticDatePicker.example.jsx
@@ -18,8 +18,8 @@ export default function StaticDatePickerExample() {
         displayStaticWrapperAs="desktop"
         openTo="year"
         value={value}
-        onChange={newValue => setValue(newValue)}
-        renderInput={props => <TextField {...props} />}
+        onChange={(newValue) => setValue(newValue)}
+        renderInput={(props) => <TextField {...props} />}
       />
 
       <StaticDatePicker
@@ -27,8 +27,8 @@ export default function StaticDatePickerExample() {
         openTo="date"
         value={value}
         shouldDisableDate={disableWeekends}
-        onChange={newValue => setValue(newValue)}
-        renderInput={props => <TextField {...props} />}
+        onChange={(newValue) => setValue(newValue)}
+        renderInput={(props) => <TextField {...props} />}
       />
     </React.Fragment>
   );
diff --git a/docs/pages/demo/datepicker/ViewsDatePicker.example.jsx b/docs/pages/demo/datepicker/ViewsDatePicker.example.jsx
index 2a7b0e1ad..24bf6f289 100644
--- a/docs/pages/demo/datepicker/ViewsDatePicker.example.jsx
+++ b/docs/pages/demo/datepicker/ViewsDatePicker.example.jsx
@@ -11,8 +11,8 @@ export default function YearDatePicker() {
         views={['year']}
         label="Year only"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
-        renderInput={props => <TextField {...props} />}
+        onChange={(date) => handleDateChange(date)}
+        renderInput={(props) => <TextField {...props} />}
       />
 
       <MobileDatePicker
@@ -21,8 +21,8 @@ export default function YearDatePicker() {
         minDate={new Date('2012-03-01')}
         maxDate={new Date('2023-06-01')}
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
-        renderInput={props => <TextField {...props} helperText="With min and max" />}
+        onChange={(date) => handleDateChange(date)}
+        renderInput={(props) => <TextField {...props} helperText="With min and max" />}
       />
 
       <DatePicker
@@ -30,8 +30,8 @@ export default function YearDatePicker() {
         views={['year', 'month']}
         label="Year and Month"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
-        renderInput={props => <TextField {...props} helperText="Start from year selection" />}
+        onChange={(date) => handleDateChange(date)}
+        renderInput={(props) => <TextField {...props} helperText="Start from year selection" />}
       />
     </React.Fragment>
   );
diff --git a/docs/pages/demo/daterangepicker/BasicDateRangePicker.example.tsx b/docs/pages/demo/daterangepicker/BasicDateRangePicker.example.tsx
index a773eecbd..5846a9be7 100644
--- a/docs/pages/demo/daterangepicker/BasicDateRangePicker.example.tsx
+++ b/docs/pages/demo/daterangepicker/BasicDateRangePicker.example.tsx
@@ -10,7 +10,7 @@ export default function BasicDateRangePicker() {
       startText="Check-in"
       endText="Check-out"
       value={value}
-      onChange={newValue => setValue(newValue)}
+      onChange={(newValue) => setValue(newValue)}
       renderInput={(startProps, endProps) => (
         <React.Fragment>
           <TextField {...startProps} />
diff --git a/docs/pages/demo/daterangepicker/CalendarsDateRangePicker.example.tsx b/docs/pages/demo/daterangepicker/CalendarsDateRangePicker.example.tsx
index 2537276bd..52c422d60 100644
--- a/docs/pages/demo/daterangepicker/CalendarsDateRangePicker.example.tsx
+++ b/docs/pages/demo/daterangepicker/CalendarsDateRangePicker.example.tsx
@@ -12,7 +12,7 @@ function CalendarsDateRangePicker() {
       <DateRangePicker
         calendars={1}
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
         renderInput={(startProps, endProps) => (
           <React.Fragment>
             <TextField {...startProps} />
@@ -26,7 +26,7 @@ function CalendarsDateRangePicker() {
       <DateRangePicker
         calendars={2}
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
         renderInput={(startProps, endProps) => (
           <React.Fragment>
             <TextField {...startProps} />
@@ -40,7 +40,7 @@ function CalendarsDateRangePicker() {
       <DateRangePicker
         calendars={3}
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
         renderInput={(startProps, endProps) => (
           <React.Fragment>
             <TextField {...startProps} />
diff --git a/docs/pages/demo/daterangepicker/CustomRangeInputs.example.tsx b/docs/pages/demo/daterangepicker/CustomRangeInputs.example.tsx
index cacbb15fd..9b429a36d 100644
--- a/docs/pages/demo/daterangepicker/CustomRangeInputs.example.tsx
+++ b/docs/pages/demo/daterangepicker/CustomRangeInputs.example.tsx
@@ -8,7 +8,7 @@ function CustomRangeInputs() {
     <DateRangePicker
       label="Advanced keyboard"
       value={selectedDate}
-      onChange={date => handleDateChange(date)}
+      onChange={(date) => handleDateChange(date)}
       renderInput={(startProps, endProps) => (
         <React.Fragment>
           <input ref={startProps.ref as React.Ref<HTMLInputElement>} {...startProps.inputProps} />
diff --git a/docs/pages/demo/daterangepicker/MinMaxDateRangePicker.example.tsx b/docs/pages/demo/daterangepicker/MinMaxDateRangePicker.example.tsx
index 15ddf7aff..b0aff6829 100644
--- a/docs/pages/demo/daterangepicker/MinMaxDateRangePicker.example.tsx
+++ b/docs/pages/demo/daterangepicker/MinMaxDateRangePicker.example.tsx
@@ -21,7 +21,7 @@ function MinMaxDateRangePicker() {
       value={selectedRange}
       // @ts-ignore
       maxDate={getWeeksAfter(selectedRange[0], 4)}
-      onChange={date => handleDateChange(date)}
+      onChange={(date) => handleDateChange(date)}
       renderInput={(startProps, endProps) => (
         <React.Fragment>
           <TextField {...startProps} />
diff --git a/docs/pages/demo/daterangepicker/ResponsiveDateRangePicker.example.tsx b/docs/pages/demo/daterangepicker/ResponsiveDateRangePicker.example.tsx
index 9d2275ec6..ff5b897e0 100644
--- a/docs/pages/demo/daterangepicker/ResponsiveDateRangePicker.example.tsx
+++ b/docs/pages/demo/daterangepicker/ResponsiveDateRangePicker.example.tsx
@@ -15,7 +15,7 @@ function ResponsiveDateRangePicker() {
       <MobileDateRangePicker
         startText="Mobile start"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
         renderInput={(startProps, endProps) => (
           <React.Fragment>
             <TextField {...startProps} />
@@ -28,7 +28,7 @@ function ResponsiveDateRangePicker() {
       <DesktopDateRangePicker
         startText="Desktop start"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
         renderInput={(startProps, endProps) => (
           <React.Fragment>
             <TextField {...startProps} />
diff --git a/docs/pages/demo/daterangepicker/StaticDateRangePicker.example.tsx b/docs/pages/demo/daterangepicker/StaticDateRangePicker.example.tsx
index e6961ef0c..d3b18c913 100644
--- a/docs/pages/demo/daterangepicker/StaticDateRangePicker.example.tsx
+++ b/docs/pages/demo/daterangepicker/StaticDateRangePicker.example.tsx
@@ -10,7 +10,7 @@ function StaticDateRangePickerExample() {
       <StaticDateRangePicker
         displayStaticWrapperAs="desktop"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
         renderInput={(startProps, endProps) => (
           <React.Fragment>
             <TextField {...startProps} />
@@ -23,7 +23,7 @@ function StaticDateRangePickerExample() {
       <StaticDateRangePicker
         displayStaticWrapperAs="mobile"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
         renderInput={(startProps, endProps) => (
           <React.Fragment>
             <TextField {...startProps} />
diff --git a/docs/pages/demo/datetime-picker/BasicDateTimePicker.example.jsx b/docs/pages/demo/datetime-picker/BasicDateTimePicker.example.jsx
index dadf3009f..affab4d31 100644
--- a/docs/pages/demo/datetime-picker/BasicDateTimePicker.example.jsx
+++ b/docs/pages/demo/datetime-picker/BasicDateTimePicker.example.jsx
@@ -7,7 +7,7 @@ function BasicDateTimePicker() {
   return (
     <Fragment>
       <DateTimePicker
-        renderInput={props => <TextField variant="outlined" {...props} />}
+        renderInput={(props) => <TextField variant="outlined" {...props} />}
         label="DateTimePicker"
         value={selectedDate}
         onChange={handleDateChange}
diff --git a/docs/pages/demo/datetime-picker/CustomDateTimePicker.example.jsx b/docs/pages/demo/datetime-picker/CustomDateTimePicker.example.jsx
index 630cbe0d9..dcb628748 100644
--- a/docs/pages/demo/datetime-picker/CustomDateTimePicker.example.jsx
+++ b/docs/pages/demo/datetime-picker/CustomDateTimePicker.example.jsx
@@ -18,7 +18,7 @@ function CustomDateTimePicker(props) {
         todayText="now"
         openTo="hours"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
         minDate={new Date('2018-01-01')}
         leftArrowIcon={<AlarmIcon />}
         rightArrowIcon={<SnoozeIcon />}
@@ -27,14 +27,14 @@ function CustomDateTimePicker(props) {
         openPickerIcon={<ClockIcon />}
         minTime={new Date(0, 0, 0, 9)}
         maxTime={new Date(0, 0, 0, 20)}
-        renderInput={props => (
+        renderInput={(props) => (
           <TextField {...props} variant="outlined" helperText="Hardcoded helper text" />
         )}
       />
 
       <MobileDateTimePicker
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
         label="With error handler"
         onError={console.log}
         minDate={new Date('2018-01-01T00:00')}
@@ -43,14 +43,14 @@ function CustomDateTimePicker(props) {
           dateFns: 'yyyy/MM/dd hh:mm a',
         })}
         mask="___/__/__ __:__ _M"
-        renderInput={props => <TextField variant="outlined" {...props} />}
+        renderInput={(props) => <TextField variant="outlined" {...props} />}
       />
 
       <DateTimePicker
         clearable
         value={clearedDate}
         onChange={handleClearedDateChange}
-        renderInput={props => <TextField {...props} helperText="Clear Initial State" />}
+        renderInput={(props) => <TextField {...props} helperText="Clear Initial State" />}
       />
     </React.Fragment>
   );
diff --git a/docs/pages/demo/datetime-picker/DateTimePickers.example.jsx b/docs/pages/demo/datetime-picker/DateTimePickers.example.jsx
index ba8d9da8e..8ef33a04f 100644
--- a/docs/pages/demo/datetime-picker/DateTimePickers.example.jsx
+++ b/docs/pages/demo/datetime-picker/DateTimePickers.example.jsx
@@ -12,7 +12,7 @@ function DateTimePickerDemo(props) {
         value={selectedDate}
         onChange={handleDateChange}
         label="24h clock"
-        renderInput={props => <TextField variant="outlined" {...props} />}
+        renderInput={(props) => <TextField variant="outlined" {...props} />}
       />
 
       <DesktopDateTimePicker
@@ -21,11 +21,11 @@ function DateTimePickerDemo(props) {
         ampmInClock
         value={selectedDate}
         onChange={handleDateChange}
-        renderInput={props => <TextField variant="outlined" {...props} />}
+        renderInput={(props) => <TextField variant="outlined" {...props} />}
       />
 
       <DateTimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         ampm={false}
         disablePast
         value={selectedDate}
diff --git a/docs/pages/demo/datetime-picker/DateTimeValidation.example.jsx b/docs/pages/demo/datetime-picker/DateTimeValidation.example.jsx
index dc1a9595d..f880a0439 100644
--- a/docs/pages/demo/datetime-picker/DateTimeValidation.example.jsx
+++ b/docs/pages/demo/datetime-picker/DateTimeValidation.example.jsx
@@ -8,18 +8,18 @@ function DateTimePickerValidation() {
   return (
     <React.Fragment>
       <DateTimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         label="Ignore date and time"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
         minDateTime={new Date()}
       />
 
       <DateTimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         label="Ignore time in each day"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
         minDate={new Date('2020-02-14')}
         minTime={new Date(0, 0, 0, 8)}
         maxTime={new Date(0, 0, 0, 18, 45)}
diff --git a/docs/pages/demo/timepicker/BasicTimePicker.example.jsx b/docs/pages/demo/timepicker/BasicTimePicker.example.jsx
index 307197654..1943bf33b 100644
--- a/docs/pages/demo/timepicker/BasicTimePicker.example.jsx
+++ b/docs/pages/demo/timepicker/BasicTimePicker.example.jsx
@@ -8,18 +8,18 @@ function BasicTimePicker() {
   return (
     <Fragment>
       <TimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         label="12 hours"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
       />
 
       <TimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         ampm={false} // This is not needed if you are using localization
         label="24 hours"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
       />
     </Fragment>
   );
diff --git a/docs/pages/demo/timepicker/SecondsTimePicker.example.jsx b/docs/pages/demo/timepicker/SecondsTimePicker.example.jsx
index de4b9be6a..d7585ae70 100644
--- a/docs/pages/demo/timepicker/SecondsTimePicker.example.jsx
+++ b/docs/pages/demo/timepicker/SecondsTimePicker.example.jsx
@@ -8,7 +8,7 @@ function SecondsTimePicker() {
   return (
     <Fragment>
       <TimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         ampm={false}
         openTo="hours"
         views={['hours', 'minutes', 'seconds']}
@@ -16,11 +16,11 @@ function SecondsTimePicker() {
         mask="__:__:__"
         label="With seconds"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
       />
 
       <TimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         ampmInClock
         openTo="minutes"
         views={['minutes', 'seconds']}
@@ -28,7 +28,7 @@ function SecondsTimePicker() {
         mask="__:__"
         label="Minutes and seconds"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
       />
     </Fragment>
   );
diff --git a/docs/pages/demo/timepicker/StaticTimePicker.example.jsx b/docs/pages/demo/timepicker/StaticTimePicker.example.jsx
index 0b51c20ca..1f3a554a9 100644
--- a/docs/pages/demo/timepicker/StaticTimePicker.example.jsx
+++ b/docs/pages/demo/timepicker/StaticTimePicker.example.jsx
@@ -10,8 +10,8 @@ export default function StaticTimePickerExample() {
       <StaticTimePicker
         openTo="hours"
         value={date}
-        onChange={date => handleDateChange(date)}
-        renderInput={props => <TextField {...props} />}
+        onChange={(date) => handleDateChange(date)}
+        renderInput={(props) => <TextField {...props} />}
       />
 
       <StaticTimePicker
@@ -19,8 +19,8 @@ export default function StaticTimePickerExample() {
         orientation="landscape"
         openTo="minutes"
         value={date}
-        onChange={date => handleDateChange(date)}
-        renderInput={props => <TextField {...props} />}
+        onChange={(date) => handleDateChange(date)}
+        renderInput={(props) => <TextField {...props} />}
       />
     </React.Fragment>
   );
diff --git a/docs/pages/demo/timepicker/TimePickers.example.jsx b/docs/pages/demo/timepicker/TimePickers.example.jsx
index 83ae1a6a8..93f9fb997 100644
--- a/docs/pages/demo/timepicker/TimePickers.example.jsx
+++ b/docs/pages/demo/timepicker/TimePickers.example.jsx
@@ -8,15 +8,15 @@ function TimePickers() {
   return (
     <Fragment>
       <MobileTimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         ampmInClock
         label="For mobile"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
       />
 
       <DesktopTimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         clearable
         ampm={false}
         label="For desktop"
@@ -26,7 +26,7 @@ function TimePickers() {
 
       {/* Alternative way to show am/pm */}
       <TimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         ampm
         ampmInClock
         showTodayButton
diff --git a/docs/pages/demo/timepicker/TimeValidation.example.jsx b/docs/pages/demo/timepicker/TimeValidation.example.jsx
index 5be6a8bac..a0b7bf629 100644
--- a/docs/pages/demo/timepicker/TimeValidation.example.jsx
+++ b/docs/pages/demo/timepicker/TimeValidation.example.jsx
@@ -8,29 +8,29 @@ function TimeValidation() {
   return (
     <Fragment>
       <TimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
         minTime={new Date(0, 0, 0, 8)}
         maxTime={new Date(0, 0, 0, 18, 45)}
       />
 
       <TimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         ampm={false}
         label="24 hours"
         minTime={new Date(0, 0, 0, 8)}
         maxTime={new Date(0, 0, 0, 18, 45)}
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
       />
 
       <TimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         ampm={false}
         label="Disable odd hours"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
         shouldDisableTime={(timeValue, clockType) => {
           if (clockType === 'hours' && timeValue % 2) {
             return true;
diff --git a/docs/pages/getting-started/usage.mdx b/docs/pages/getting-started/usage.mdx
index 19be2e63f..b182cead1 100644
--- a/docs/pages/getting-started/usage.mdx
+++ b/docs/pages/getting-started/usage.mdx
@@ -26,19 +26,19 @@ function App() {
   return (
     <LocalizationProvider dateAdapter={DateFnsUtils}>
       <DatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
       />
       <TimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
       />
       <DateTimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
       />
     </LocalizationProvider>
   );
diff --git a/docs/pages/guides/Accessibility.example.jsx b/docs/pages/guides/Accessibility.example.jsx
index 6b2692d35..cbd949ef3 100644
--- a/docs/pages/guides/Accessibility.example.jsx
+++ b/docs/pages/guides/Accessibility.example.jsx
@@ -9,8 +9,8 @@ function BasicDatePicker() {
     <DatePicker
       label="Accessible"
       value={selectedDate}
-      onChange={date => handleDateChange(date)}
-      renderInput={props => <TextField {...props} />}
+      onChange={(date) => handleDateChange(date)}
+      renderInput={(props) => <TextField {...props} />}
     />
   );
 }
diff --git a/docs/pages/guides/ControllingProgrammatically.example.jsx b/docs/pages/guides/ControllingProgrammatically.example.jsx
index ea907239a..ac3e73ddf 100644
--- a/docs/pages/guides/ControllingProgrammatically.example.jsx
+++ b/docs/pages/guides/ControllingProgrammatically.example.jsx
@@ -20,7 +20,7 @@ function ControllingProgrammaticallyExample() {
       <Button onClick={() => setIsOpen(true)}> Open picker </Button>
 
       <DatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         open={isOpen}
         onOpen={() => setIsOpen(true)}
         onClose={() => setIsOpen(false)}
diff --git a/docs/pages/guides/CssOverrides.example.tsx b/docs/pages/guides/CssOverrides.example.tsx
index 7fe0be545..e034b5959 100644
--- a/docs/pages/guides/CssOverrides.example.tsx
+++ b/docs/pages/guides/CssOverrides.example.tsx
@@ -48,8 +48,8 @@ function CssOverrides() {
       <DatePicker
         label="Light blue picker"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
-        renderInput={props => <TextField {...props} />}
+        onChange={(date) => handleDateChange(date)}
+        renderInput={(props) => <TextField {...props} />}
         // @ts-ignore
         shouldDisableDate={isWeekend}
       />
diff --git a/docs/pages/guides/CssTheme.example.jsx b/docs/pages/guides/CssTheme.example.jsx
index 054cce048..28132dbab 100644
--- a/docs/pages/guides/CssTheme.example.jsx
+++ b/docs/pages/guides/CssTheme.example.jsx
@@ -16,7 +16,7 @@ export default function CssThemeExample() {
   return (
     <ThemeProvider theme={defaultMaterialTheme}>
       <DateTimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         label="Lime DateTimePicker"
         value={selectedDate}
         onChange={handleDateChange}
diff --git a/docs/pages/guides/CssThemeSpacing.example.jsx b/docs/pages/guides/CssThemeSpacing.example.jsx
index 8d48e2e6d..3801065e4 100644
--- a/docs/pages/guides/CssThemeSpacing.example.jsx
+++ b/docs/pages/guides/CssThemeSpacing.example.jsx
@@ -13,7 +13,7 @@ function CssThemeExample() {
   return (
     <ThemeProvider theme={muiTheme}>
       <DateTimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         label="2px spacing"
         value={selectedDate}
         onChange={handleDateChange}
diff --git a/docs/pages/guides/DateAdapterProp.example.jsx b/docs/pages/guides/DateAdapterProp.example.jsx
index f846cac00..c6cdf496c 100644
--- a/docs/pages/guides/DateAdapterProp.example.jsx
+++ b/docs/pages/guides/DateAdapterProp.example.jsx
@@ -18,17 +18,17 @@ export default function UsingDateAdapterProp() {
   return (
     <React.Fragment>
       <DatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
         dateAdapter={staticDateAdapter}
       />
 
       <DatePicker
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
         dateAdapter={memoizedDateAdapter}
-        renderInput={props => (
+        renderInput={(props) => (
           <TextField helperText="In case you need to generate adapter from state" {...props} />
         )}
       />
diff --git a/docs/pages/guides/Formats.example.jsx b/docs/pages/guides/Formats.example.jsx
index 3d417aa06..3a5504d2c 100644
--- a/docs/pages/guides/Formats.example.jsx
+++ b/docs/pages/guides/Formats.example.jsx
@@ -18,10 +18,10 @@ function DateFnsLocalizationExample() {
       <DatePicker
         clearable
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
         clearText="vider"
         cancelText="annuler"
-        renderInput={props => <TextField helperText="Localization done right" {...props} />}
+        renderInput={(props) => <TextField helperText="Localization done right" {...props} />}
       />
     </LocalizationProvider>
   );
diff --git a/docs/pages/guides/FormikOurValidation.example.tsx b/docs/pages/guides/FormikOurValidation.example.tsx
index 2e7bdf0c5..908bd6f5a 100644
--- a/docs/pages/guides/FormikOurValidation.example.tsx
+++ b/docs/pages/guides/FormikOurValidation.example.tsx
@@ -58,8 +58,8 @@ function DatePickerField({
         }
       }}
       // Make sure that your 3d param is set to `false` on order to not clear errors
-      onChange={date => form.setFieldValue(name, date, false)}
-      renderInput={props => (
+      onChange={(date) => form.setFieldValue(name, date, false)}
+      renderInput={(props) => (
         <TextField
           {...props}
           name={name}
diff --git a/docs/pages/guides/FormikValidationSchema.example.tsx b/docs/pages/guides/FormikValidationSchema.example.tsx
index 9d0204f78..15c797034 100644
--- a/docs/pages/guides/FormikValidationSchema.example.tsx
+++ b/docs/pages/guides/FormikValidationSchema.example.tsx
@@ -27,8 +27,8 @@ function DatePickerField({
       maxDate={maxDate}
       value={field.value}
       // Make sure that your 3d param is set to `true` in order to run validation
-      onChange={date => form.setFieldValue(field.name, date, true)}
-      renderInput={props => (
+      onChange={(date) => form.setFieldValue(field.name, date, true)}
+      renderInput={(props) => (
         <TextField
           name={field.name}
           {...props}
@@ -44,10 +44,7 @@ function DatePickerField({
 }
 
 const schema = object({
-  date: date()
-    .required()
-    .min(new Date())
-    .max(new Date('2100-10-10')),
+  date: date().required().min(new Date()).max(new Date('2100-10-10')),
 });
 
 export default function FormikValidationSchemaExample() {
diff --git a/docs/pages/guides/OverrideLogic.example.jsx b/docs/pages/guides/OverrideLogic.example.jsx
index e429d5e82..c3bc3f049 100644
--- a/docs/pages/guides/OverrideLogic.example.jsx
+++ b/docs/pages/guides/OverrideLogic.example.jsx
@@ -15,7 +15,7 @@ export default function DateFnsLocalizationExample() {
   return (
     <LocalizationProvider dateAdapter={OverriddenAdapter}>
       <DatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         openTo="year"
         value={selectedDate}
         onChange={handleDateChange}
diff --git a/docs/pages/guides/StaticComponents.example.jsx b/docs/pages/guides/StaticComponents.example.jsx
index 1f5c39368..edb47811b 100644
--- a/docs/pages/guides/StaticComponents.example.jsx
+++ b/docs/pages/guides/StaticComponents.example.jsx
@@ -6,7 +6,7 @@ import { useStaticState, ClockView, Calendar } from '@material-ui/pickers';
 function StaticPickers() {
   const [value, handleDateChange] = useState(new Date());
 
-  // you can past mostly all available props, like minDate, maxDate, autoOk and so on
+  // You can past mostly all available props, like minDate, maxDate, and so on
   const { pickerProps, wrapperProps } = useStaticState({
     value,
     onChange: handleDateChange,
@@ -31,7 +31,7 @@ function StaticPickers() {
           ampm={false}
           onMinutesChange={() => {}}
           onSecondsChange={() => {}}
-          onHourChange={date => handleDateChange(date)}
+          onHourChange={(date) => handleDateChange(date)}
         />
       </div>
     </React.Fragment>
diff --git a/docs/pages/guides/typescript.mdx b/docs/pages/guides/typescript.mdx
index 02e2d0979..ad1ae3ca8 100644
--- a/docs/pages/guides/typescript.mdx
+++ b/docs/pages/guides/typescript.mdx
@@ -23,8 +23,8 @@ function MyComponent() {
   return (
     <DatePicker
       value={value}
-      onChange={newValue => setValue(newValue)}
-      renderInput={props => <TextField {...props} />}
+      onChange={(newValue) => setValue(newValue)}
+      renderInput={(props) => <TextField {...props} />}
     />
   );
 }
@@ -39,7 +39,7 @@ It means that it will try to infer the `value` and `onChange` type from the pass
 <DatePicker
   value={new Date()}
   // date will be inferred as `Date | null`
-  onChange={newValue => newValue?.getDate()}
+  onChange={(newValue) => newValue?.getDate()}
 />
 ```
 
@@ -49,7 +49,7 @@ It also means that you can manually set value type thanks to the generic JSX syt
 <DatePicker<Date>
   // You can pass any value right here that can be parsed
   value={new Date()}
-  onChange={newValue => newValue?.getDate()}
+  onChange={(newValue) => newValue?.getDate()}
 />
 ```
 
@@ -61,7 +61,7 @@ If you are passing not typed value to the picker (such like `null`) we cannot pr
 <DatePicker
   value={null}
   // @ts-expect-error `Property 'getDate' does not exist on type 'never'.`
-  onChange={newValue => newValue?.getDate()}
+  onChange={(newValue) => newValue?.getDate()}
 />
 ```
 
diff --git a/docs/pages/index/Landing.tsx b/docs/pages/index/Landing.tsx
index f6efd2a31..6050e18a8 100644
--- a/docs/pages/index/Landing.tsx
+++ b/docs/pages/index/Landing.tsx
@@ -12,7 +12,7 @@ import { GITHUB_URL } from '_constants';
 import { LandingProperty } from './LandingProperty';
 import { Button, Paper, Typography, Toolbar, Grid, makeStyles } from '@material-ui/core';
 
-const useStyles = makeStyles(theme => ({
+const useStyles = makeStyles((theme) => ({
   logoContainer: {
     width: 228,
     backgroundColor: 'white',
diff --git a/docs/pages/localization/Date-fns.example.jsx b/docs/pages/localization/Date-fns.example.jsx
index 5a04b9a4f..a72224cff 100644
--- a/docs/pages/localization/Date-fns.example.jsx
+++ b/docs/pages/localization/Date-fns.example.jsx
@@ -24,21 +24,21 @@ function DateFnsLocalizationExample() {
   const [locale, setLocale] = React.useState('ru');
   const [selectedDate, handleDateChange] = React.useState(new Date());
 
-  const selectLocale = React.useCallback(newLocale => {
+  const selectLocale = React.useCallback((newLocale) => {
     setLocale(newLocale);
   }, []);
 
   return (
     <LocalizationProvider dateAdapter={DateFnsAdapter} locale={localeMap[locale]}>
       <DatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         mask={maskMap[locale]}
         value={selectedDate}
         onChange={handleDateChange}
       />
 
       <ButtonGroup>
-        {Object.keys(localeMap).map(localeItem => (
+        {Object.keys(localeMap).map((localeItem) => (
           <Button key={localeItem} onClick={() => selectLocale(localeItem)}>
             {localeItem}
           </Button>
diff --git a/docs/pages/localization/Hijri.example.jsx b/docs/pages/localization/Hijri.example.jsx
index 5f4a054b1..049971fa6 100644
--- a/docs/pages/localization/Hijri.example.jsx
+++ b/docs/pages/localization/Hijri.example.jsx
@@ -12,35 +12,35 @@ function HijriExample() {
     <LocalizationProvider dateAdapter={HijriAdapter} locale="ar-SA">
       <DatePicker
         clearable
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         okText="موافق"
         cancelText="الغاء"
         clearText="مسح"
         inputFormat="iYYYY/iMM/iDD"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
         minDate={moment('1937-03-14')}
         maxDate={moment('2076-11-26')}
       />
 
       <TimePicker
         clearable
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         okText="موافق"
         cancelText="الغاء"
         clearText="مسح"
         inputFormat="hh:mm A"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
       />
 
       <DateTimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         okText="موافق"
         cancelText="الغاء"
         inputFormat="iYYYY/iMM/iDD"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
         minDate={moment('1937-03-14')}
         maxDate={moment('2076-11-26')}
       />
diff --git a/docs/pages/localization/Moment.example.jsx b/docs/pages/localization/Moment.example.jsx
index 8b7341d0f..24485a3e1 100644
--- a/docs/pages/localization/Moment.example.jsx
+++ b/docs/pages/localization/Moment.example.jsx
@@ -26,7 +26,7 @@ export default function MomentLocalizationExample() {
   const [locale, setLocale] = useState('fr');
   const [selectedDate, handleDateChange] = useState(new Date());
 
-  const selectLocale = useCallback(newLocale => {
+  const selectLocale = useCallback((newLocale) => {
     moment.locale(newLocale);
 
     setLocale(newLocale);
@@ -35,14 +35,14 @@ export default function MomentLocalizationExample() {
   return (
     <LocalizationProvider dateLibInstance={moment} dateAdapter={MomentAdapter} locale={locale}>
       <DatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         mask={maskMap[locale]}
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
       />
 
       <ButtonGroup>
-        {Object.keys(localeMap).map(localeItem => (
+        {Object.keys(localeMap).map((localeItem) => (
           <Button key={localeItem} onClick={() => selectLocale(localeItem)}>
             {localeItem}
           </Button>
diff --git a/docs/pages/localization/Persian.example.jsx b/docs/pages/localization/Persian.example.jsx
index 5c6c80d3d..40a2a2794 100644
--- a/docs/pages/localization/Persian.example.jsx
+++ b/docs/pages/localization/Persian.example.jsx
@@ -13,34 +13,34 @@ function PersianExample() {
   return (
     <LocalizationProvider dateAdapter={JalaliAdapter} locale="fa">
       <DatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         clearable
         okText="تأیید"
         cancelText="لغو"
         clearText="پاک کردن"
         inputFormat="jYYYY/iMM/iDD"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
       />
 
       <TimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         clearable
         okText="تأیید"
         cancelText="لغو"
         clearText="پاک کردن"
         inputFormat="hh:mm A"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
       />
 
       <DateTimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         okText="تأیید"
         cancelText="لغو"
         inputFormat="jYYYY/iMM/iDD"
         value={selectedDate}
-        onChange={date => handleDateChange(date)}
+        onChange={(date) => handleDateChange(date)}
       />
     </LocalizationProvider>
   );
diff --git a/docs/pages/releases.tsx b/docs/pages/releases.tsx
index b44505991..471c83d85 100644
--- a/docs/pages/releases.tsx
+++ b/docs/pages/releases.tsx
@@ -84,7 +84,7 @@ const Releases: NextFC<ReleasesProps> = ({ tags }) => {
               <TableCell>Latest stable published release</TableCell>
             </TableRow>
 
-            {tags.map(version => {
+            {tags.map((version) => {
               const docsLink = `https://${version.replace(/\./g, '-')}.${DOMAIN}`;
               const releaseNotesLink = `${GITHUB_URL}/releases/tag/${version}`;
 
@@ -118,8 +118,8 @@ const Releases: NextFC<ReleasesProps> = ({ tags }) => {
 };
 
 Releases.getInitialProps = () => {
-  return fetchGithubData('tags').then(data => ({
-    tags: data.map(tagObject => tagObject.name).filter(tag => Number(tag.charAt(1)) > 2),
+  return fetchGithubData('tags').then((data) => ({
+    tags: data.map((tagObject) => tagObject.name).filter((tag) => Number(tag.charAt(1)) > 2),
   }));
 };
 
diff --git a/docs/prop-types.json b/docs/prop-types.json
index c8e28b65c..348497ce5 100644
--- a/docs/prop-types.json
+++ b/docs/prop-types.json
@@ -320,7 +320,7 @@
     },
     "onError": {
       "defaultValue": null,
-      "description": "Callback that fired when input value or new `value` prop validation returns **new** validation error (or value is valid after error).\nIn case of validation error detected `reason` prop return non-null value and `TextField` must be displayed in `error` state.\r\nThis can be used to render appropriate form error.\r\n\r\n[Read the guide](https://next.material-ui-pickers.dev/guides/forms) about form integration and error displaying.\n@DateIOType",
+      "description": "Callback that fired when input value or new `value` prop validation returns **new** validation error (or value is valid after error).\nIn case of validation error detected `reason` prop return non-null value and `TextField` must be displayed in `error` state.\nThis can be used to render appropriate form error.\n\n[Read the guide](https://next.material-ui-pickers.dev/guides/forms) about form integration and error displaying.\n@DateIOType",
       "name": "onError",
       "parent": {
         "fileName": "material-ui-pickers/lib/src/_shared/hooks/useValidation.ts",
@@ -1292,7 +1292,7 @@
     },
     "onError": {
       "defaultValue": null,
-      "description": "Callback that fired when input value or new `value` prop validation returns **new** validation error (or value is valid after error).\nIn case of validation error detected `reason` prop return non-null value and `TextField` must be displayed in `error` state.\r\nThis can be used to render appropriate form error.\r\n\r\n[Read the guide](https://next.material-ui-pickers.dev/guides/forms) about form integration and error displaying.\n@DateIOType",
+      "description": "Callback that fired when input value or new `value` prop validation returns **new** validation error (or value is valid after error).\nIn case of validation error detected `reason` prop return non-null value and `TextField` must be displayed in `error` state.\nThis can be used to render appropriate form error.\n\n[Read the guide](https://next.material-ui-pickers.dev/guides/forms) about form integration and error displaying.\n@DateIOType",
       "name": "onError",
       "parent": {
         "fileName": "material-ui-pickers/lib/src/_shared/hooks/useValidation.ts",
@@ -1974,7 +1974,7 @@
     },
     "onError": {
       "defaultValue": null,
-      "description": "Callback that fired when input value or new `value` prop validation returns **new** validation error (or value is valid after error).\nIn case of validation error detected `reason` prop return non-null value and `TextField` must be displayed in `error` state.\r\nThis can be used to render appropriate form error.\r\n\r\n[Read the guide](https://next.material-ui-pickers.dev/guides/forms) about form integration and error displaying.\n@DateIOType",
+      "description": "Callback that fired when input value or new `value` prop validation returns **new** validation error (or value is valid after error).\nIn case of validation error detected `reason` prop return non-null value and `TextField` must be displayed in `error` state.\nThis can be used to render appropriate form error.\n\n[Read the guide](https://next.material-ui-pickers.dev/guides/forms) about form integration and error displaying.\n@DateIOType",
       "name": "onError",
       "parent": {
         "fileName": "material-ui-pickers/lib/src/_shared/hooks/useValidation.ts",
@@ -3472,7 +3472,7 @@
     },
     "onError": {
       "defaultValue": null,
-      "description": "Callback that fired when input value or new `value` prop validation returns **new** validation error (or value is valid after error).\nIn case of validation error detected `reason` prop return non-null value and `TextField` must be displayed in `error` state.\r\nThis can be used to render appropriate form error.\r\n\r\n[Read the guide](https://next.material-ui-pickers.dev/guides/forms) about form integration and error displaying.\n@DateIOType",
+      "description": "Callback that fired when input value or new `value` prop validation returns **new** validation error (or value is valid after error).\nIn case of validation error detected `reason` prop return non-null value and `TextField` must be displayed in `error` state.\nThis can be used to render appropriate form error.\n\n[Read the guide](https://next.material-ui-pickers.dev/guides/forms) about form integration and error displaying.\n@DateIOType",
       "name": "onError",
       "parent": {
         "fileName": "material-ui-pickers/lib/src/_shared/hooks/useValidation.ts",
diff --git a/docs/scripts/docgen.js b/docs/scripts/docgen.js
index 5fb22ef15..b5ebc223d 100644
--- a/docs/scripts/docgen.js
+++ b/docs/scripts/docgen.js
@@ -1,7 +1,7 @@
 const fs = require('fs');
 const path = require('path');
 
-const removeExternalDeps = propItem =>
+const removeExternalDeps = (propItem) =>
   propItem.description && (!propItem.parent || !propItem.parent.fileName.includes('@types'));
 
 const removeWrapperProps = (propItem, Component) => {
@@ -70,11 +70,11 @@ function processProp(prop) {
   prop.type.name = prop.type.name.replace(' | undefined', '');
 }
 
-components.forEach(filePart => {
+components.forEach((filePart) => {
   const file = path.join(srcPath, filePart);
   const parsedDocs = parser.parse(file);
 
-  parsedDocs.forEach(parsedDoc => {
+  parsedDocs.forEach((parsedDoc) => {
     if (
       parsedDoc.displayName.match(/^(Mobile|Desktop|Static)/) &&
       !parsedDoc.displayName.endsWith('Wrapper')
diff --git a/docs/scripts/generate-backers.js b/docs/scripts/generate-backers.js
index df9d42a37..d63a36483 100644
--- a/docs/scripts/generate-backers.js
+++ b/docs/scripts/generate-backers.js
@@ -13,7 +13,7 @@ function processPatreonPledges(rawJson) {
       .reverse()
       .map(({ relationships }) => {
         const patronId = relationships.patron.data.id;
-        const user = rawJson.included.find(entity => entity.id === patronId);
+        const user = rawJson.included.find((entity) => entity.id === patronId);
 
         return user.attributes;
       })
diff --git a/docs/utils/NotificationManager.tsx b/docs/utils/NotificationManager.tsx
index 910187c08..ed4387567 100644
--- a/docs/utils/NotificationManager.tsx
+++ b/docs/utils/NotificationManager.tsx
@@ -32,7 +32,7 @@ export function useNotification() {
     );
 
     const notificationToShow = (notifications as Notification[]).find(
-      notification => !viewedNotifications.some(viewedId => viewedId === notification.id)
+      (notification) => !viewedNotifications.some((viewedId) => viewedId === notification.id)
     );
 
     if (notificationToShow) {
diff --git a/docs/utils/anchor-autolink.js b/docs/utils/anchor-autolink.js
index 250997f85..b015ecede 100644
--- a/docs/utils/anchor-autolink.js
+++ b/docs/utils/anchor-autolink.js
@@ -23,8 +23,8 @@ function inject(node, id) {
   ];
 }
 
-module.exports = () => tree => {
-  visit(tree, 'heading', node => {
+module.exports = () => (tree) => {
+  visit(tree, 'heading', (node) => {
     const { data } = node;
     const id = data && data.hProperties && data.hProperties.id;
 
diff --git a/docs/utils/getPageContext.ts b/docs/utils/getPageContext.ts
index d65362127..01ba016b3 100644
--- a/docs/utils/getPageContext.ts
+++ b/docs/utils/getPageContext.ts
@@ -7,7 +7,7 @@ export interface PageContext {
   sheetsRegistry: SheetsRegistry;
 }
 
-export default function(): PageContext {
+export default function (): PageContext {
   return {
     // This is needed in order to deduplicate the injection of CSS in the page.
     sheetsManager: new Map(),
diff --git a/docs/utils/github-api.ts b/docs/utils/github-api.ts
index 7c7b49c78..b965322cd 100644
--- a/docs/utils/github-api.ts
+++ b/docs/utils/github-api.ts
@@ -20,7 +20,7 @@ export function fetchGithubData<T extends keyof CacheType>(
       Authorization: 'token 14ef125b9fbcf138ff9042b45f89f8b3c28f510a',
     },
   })
-    .then(res => {
+    .then((res) => {
       cacheRemaining = Number(res.headers.get('X-RateLimit-Reset')) * 1000;
       if (res.status > 400) {
         // We cannot update the cache on this step
diff --git a/docs/utils/table-styler.js b/docs/utils/table-styler.js
index 79b4283b4..02e8717d4 100644
--- a/docs/utils/table-styler.js
+++ b/docs/utils/table-styler.js
@@ -1,7 +1,7 @@
 const visit = require('unist-util-visit');
 
-module.exports = () => tree => {
-  visit(tree, 'table', node => {
+module.exports = () => (tree) => {
+  visit(tree, 'table', (node) => {
     node.data = { hProperties: { className: ['mui-pickers-markdown-table'] } };
   });
 };
diff --git a/docs/utils/utilsService.ts b/docs/utils/utilsService.ts
index 0303e4c61..ba6671284 100644
--- a/docs/utils/utilsService.ts
+++ b/docs/utils/utilsService.ts
@@ -52,8 +52,8 @@ function replaceGetFormatInvocation(sourceToProcess: string, lib: UtilsLib) {
 
   const formatsMap = getFormatStringInvocation
     .split('\n')
-    .filter(str => libRegex.test(str))
-    .map(formatLine => {
+    .filter((str) => libRegex.test(str))
+    .map((formatLine) => {
       const libMatchResult = formatLine.match(libRegex);
       if (!libMatchResult) {
         return [];
diff --git a/e2e/component/DatePicker.spec.tsx b/e2e/component/DatePicker.spec.tsx
index 874eacc32..8aec4ad6a 100644
--- a/e2e/component/DatePicker.spec.tsx
+++ b/e2e/component/DatePicker.spec.tsx
@@ -4,23 +4,18 @@ import { StaticDatePicker } from '@material-ui/pickers';
 
 describe('<DatePicker />', () => {
   it('Renders and show todays date', () => {
-    mountStaticPicker(defaultProps => <StaticDatePicker {...defaultProps} />);
+    mountStaticPicker((defaultProps) => <StaticDatePicker {...defaultProps} />);
 
     cy.findByTestId('datepicker-toolbar-date').contains('Sat, Oct 7');
   });
 
   it('Switches between months', () => {
-    mountStaticPicker(defaultProps => <StaticDatePicker {...defaultProps} />);
+    mountStaticPicker((defaultProps) => <StaticDatePicker {...defaultProps} />);
 
     cy.findByTestId('calendar-month-text').contains('October');
 
-    cy.findByTestId('previous-arrow-button')
-      .click()
-      .click();
-    cy.findByTestId('next-arrow-button')
-      .click()
-      .click()
-      .click();
+    cy.findByTestId('previous-arrow-button').click().click();
+    cy.findByTestId('next-arrow-button').click().click().click();
 
     cy.wait(350);
 
diff --git a/e2e/component/DateTimePicker.spec.tsx b/e2e/component/DateTimePicker.spec.tsx
index 8ef3c4682..3d5661598 100644
--- a/e2e/component/DateTimePicker.spec.tsx
+++ b/e2e/component/DateTimePicker.spec.tsx
@@ -5,7 +5,7 @@ import { StaticDateTimePicker, MobileDateTimePicker } from '@material-ui/pickers
 
 describe('<DateTimePicker />', () => {
   it('Renders and show todays date', () => {
-    mountStaticPicker(defaultProps => <StaticDateTimePicker {...defaultProps} />);
+    mountStaticPicker((defaultProps) => <StaticDateTimePicker {...defaultProps} />);
 
     cy.contains('2017');
     cy.contains('Oct 7');
@@ -17,7 +17,9 @@ describe('<DateTimePicker />', () => {
   });
 
   it('Proper flow for date & time picking', () => {
-    mountPickerWithState(defaultProps => <MobileDateTimePicker openTo="year" {...defaultProps} />);
+    mountPickerWithState((defaultProps) => (
+      <MobileDateTimePicker openTo="year" {...defaultProps} />
+    ));
 
     cy.get('input').click();
 
@@ -26,9 +28,7 @@ describe('<DateTimePicker />', () => {
     cy.get('input').should('have.value', '10/07/2015 07:36 PM');
 
     // Date
-    cy.findByLabelText('next month')
-      .click()
-      .click();
+    cy.findByLabelText('next month').click().click();
     cy.findByLabelText('Dec 22, 2015').click();
     cy.get('input').should('have.value', '12/22/2015 07:36 PM');
 
diff --git a/e2e/component/KeyboardNavigation.spec.tsx b/e2e/component/KeyboardNavigation.spec.tsx
index 5e888f7b0..3d1fa6188 100644
--- a/e2e/component/KeyboardNavigation.spec.tsx
+++ b/e2e/component/KeyboardNavigation.spec.tsx
@@ -26,19 +26,19 @@ describe('Keyboard navigation', () => {
     }
 
     it('Modal calendar allows to change date with keyboard', () => {
-      mountPicker(props => <MobileDatePicker {...props} open />);
+      mountPicker((props) => <MobileDatePicker {...props} open />);
 
       testCalendarKeyboardNavigation();
     });
 
     it('Popover calendar allows to change date with keyboard', () => {
-      mountPicker(props => <DesktopDatePicker {...props} open />);
+      mountPicker((props) => <DesktopDatePicker {...props} open />);
 
       testCalendarKeyboardNavigation();
     });
 
     it('Allows to select full date with only keyboard', () => {
-      mountPickerWithState(props => <DesktopDatePicker {...props} />);
+      mountPickerWithState((props) => <DesktopDatePicker {...props} />);
 
       cy.findByLabelText('Choose date, selected date is Oct 7, 2017').click();
 
@@ -54,11 +54,9 @@ describe('Keyboard navigation', () => {
     });
 
     it("Doesn't allow to select disabled date from keyboard", () => {
-      mountPickerWithState(props => <DesktopDatePicker {...props} />);
+      mountPickerWithState((props) => <DesktopDatePicker {...props} />);
 
-      cy.get('input')
-        .clear()
-        .type('01/02/1900');
+      cy.get('input').clear().type('01/02/1900');
 
       cy.findByLabelText('Choose date, selected date is Jan 2, 1900').click();
       cy.get('body').type('{leftarrow}');
@@ -75,7 +73,7 @@ describe('Keyboard navigation', () => {
   // TODO fix on CI
   context.skip('TimePicker', () => {
     it('Allows keyboard control on hours view', () => {
-      mountPickerWithState(props => <TimePicker {...props} open />);
+      mountPickerWithState((props) => <TimePicker {...props} open />);
 
       cy.get('body').type('{uparrow}{downarrow}{uparrow}{uparrow}{uparrow}');
 
@@ -84,18 +82,13 @@ describe('Keyboard navigation', () => {
     });
 
     it('Allows keyboard control on minutes view', () => {
-      mountPickerWithState(props => <TimePicker {...props} />);
+      mountPickerWithState((props) => <TimePicker {...props} />);
       cy.findByLabelText('Choose time, selected time is 10:36 PM').click();
 
       cy.focused().type('{enter}', { force: true });
       cy.findByLabelText('Selected time 10:36 PM').should('exist');
 
-      cy.focused().type(
-        Array(15)
-          .fill('{downarrow}')
-          .join(''),
-        { force: true }
-      );
+      cy.focused().type(Array(15).fill('{downarrow}').join(''), { force: true });
 
       cy.get('body').type('{enter}');
       cy.get('input').should('have.value', '10:25 PM');
diff --git a/e2e/integration/App.spec.ts b/e2e/integration/App.spec.ts
index c8ea6378d..4aeeab04f 100644
--- a/e2e/integration/App.spec.ts
+++ b/e2e/integration/App.spec.ts
@@ -6,7 +6,7 @@ describe('App navigation', () => {
     cy.visit('/getting-started/installation');
   });
 
-  navItems.forEach(navItem => {
+  navItems.forEach((navItem) => {
     context(navItem.title, () => {
       beforeEach(() => {
         cy.get(`[data-nav=${stringToTestId(navItem.title)}]`).as('nav-group');
diff --git a/e2e/integration/DatePicker.spec.ts b/e2e/integration/DatePicker.spec.ts
index 2b5bd68bb..094637699 100644
--- a/e2e/integration/DatePicker.spec.ts
+++ b/e2e/integration/DatePicker.spec.ts
@@ -23,9 +23,7 @@ describe('DatePicker', () => {
     });
 
     it('Should close datepicker and accept value', () => {
-      cy.get('button')
-        .contains('OK')
-        .click();
+      cy.get('button').contains('OK').click();
 
       cy.get(`input${ids.basic}`).should('have.value', '01/21/2019');
       cy.get(`input${ids.clearable}`).should('have.value', '01/21/2019');
@@ -34,18 +32,14 @@ describe('DatePicker', () => {
     it('Should clear the input by clear button', () => {
       cy.get(ids.clearable).click({ force: true });
 
-      cy.get('button')
-        .contains('Clear')
-        .click();
+      cy.get('button').contains('Clear').click();
       cy.get(`input${ids.clearable}`).should('have.value', '');
     });
   });
 
   context('Desktop DatePicker', () => {
     it('Should not accept invalid date format', () => {
-      cy.get(ids.maskedKeyboard)
-        .clear()
-        .type('01');
+      cy.get(ids.maskedKeyboard).clear().type('01');
       cy.get(`${ids.maskedKeyboard}`).should('have.attr', 'aria-invalid', 'true');
 
       cy.get(ids.maskedKeyboard).clear();
@@ -65,25 +59,20 @@ describe('DatePicker', () => {
     });
 
     it('Should accept date entered from keyboard', () => {
-      cy.get(ids.maskedKeyboard)
-        .clear()
-        .type('04/01/2019')
-        .blur();
+      cy.get(ids.maskedKeyboard).clear().type('04/01/2019').blur();
 
       cy.get(`input${ids.basic}`).should('have.value', '04/01/2019');
     });
 
     it('Should open calendar by the keyboard icon', () => {
-      cy.get('[data-mui-test="open-picker-from-keyboard"]')
-        .first()
-        .click();
+      cy.get('[data-mui-test="open-picker-from-keyboard"]').first().click();
       cy.get(`[data-day="19/01/2019"]`).click();
 
       cy.get(ids.maskedKeyboard).should('have.value', '01/19/2019');
     });
 
     it('Should not open disabled and readonly datepickers', () => {
-      ['#disabled', '#readonly'].forEach(id => {
+      ['#disabled', '#readonly'].forEach((id) => {
         cy.get(id).click({ force: true });
         cy.get('div[role=dialog]').should('not.be.visible');
       });
@@ -92,39 +81,26 @@ describe('DatePicker', () => {
 
   context('Input mask', () => {
     it('Correctly input value to the masked input', () => {
-      cy.get(ids.maskedKeyboard)
-        .clear()
-        .should('have.value', '');
+      cy.get(ids.maskedKeyboard).clear().should('have.value', '');
       cy.get(`${ids.maskedKeyboard}-helper-text`).should('have.text', 'mm/dd/yyyy');
-      cy.get(ids.maskedKeyboard)
-        .type('011')
-        .should('have.value', '01/1');
+      cy.get(ids.maskedKeyboard).type('011').should('have.value', '01/1');
 
-      cy.get(ids.maskedKeyboard)
-        .type('02019')
-        .should('have.value', '01/10/2019');
+      cy.get(ids.maskedKeyboard).type('02019').should('have.value', '01/10/2019');
     });
 
     it('Shows placeholder if no mask provided', () => {
       cy.get(ids.maskedKeyboard).clear();
-      cy.get(ids.maskedKeyboard)
-        .invoke('attr', 'placeholder')
-        .should('contain', 'mm/dd/yyyy');
+      cy.get(ids.maskedKeyboard).invoke('attr', 'placeholder').should('contain', 'mm/dd/yyyy');
     });
 
     it('Allows to enter anything to the not masked input', () => {
-      cy.get(ids.notMaskedKeyboard)
-        .clear()
-        .type('any text')
-        .should('have.value', 'any text');
+      cy.get(ids.notMaskedKeyboard).clear().type('any text').should('have.value', 'any text');
 
       cy.get(ids.notMaskedKeyboard).should('have.attr', 'aria-invalid', 'true');
     });
 
     it('Correctly parses date string in not masked input', () => {
-      cy.get(ids.notMaskedKeyboard)
-        .clear()
-        .type('01/10/2019');
+      cy.get(ids.notMaskedKeyboard).clear().type('01/10/2019');
 
       cy.get(ids.notMaskedKeyboard).should('have.attr', 'aria-invalid', 'false');
     });
diff --git a/e2e/integration/DateRange.spec.ts b/e2e/integration/DateRange.spec.ts
index 88950f279..9ee6e8ac1 100644
--- a/e2e/integration/DateRange.spec.ts
+++ b/e2e/integration/DateRange.spec.ts
@@ -24,9 +24,7 @@ describe('DateRangePicker', () => {
     cy.get('[data-mui-test="desktop-range-picker"]').focus();
 
     cy.get('[aria-label="Jan 1, 2019"]').click();
-    cy.get('[data-mui-test="next-arrow-button"]')
-      .eq(1)
-      .click();
+    cy.get('[data-mui-test="next-arrow-button"]').eq(1).click();
 
     cy.get('[aria-label="Mar 19, 2019"]').click();
 
@@ -34,9 +32,7 @@ describe('DateRangePicker', () => {
   });
 
   it.skip('Shows range preview on hover', () => {
-    cy.get('[data-mui-test="desktop-range-picker"]')
-      .first()
-      .focus();
+    cy.get('[data-mui-test="desktop-range-picker"]').first().focus();
 
     cy.get('[aria-label="Jan 24, 2019"').trigger('mouseover');
   });
@@ -46,32 +42,22 @@ describe('DateRangePicker', () => {
 
     cy.get('[data-mui-test="desktop-range-picker-end"]').focus();
 
-    cy.get('[aria-label="Jan 30, 2019"]')
-      .first()
-      .click();
+    cy.get('[aria-label="Jan 30, 2019"]').first().click();
     cy.get('[aria-label="Jan 19, 2019"]').click();
 
     cy.get('[data-mui-test="DateRangeHighlight"]').should('have.length', 12);
 
-    cy.get('[aria-label="Jan 24, 2019"]')
-      .first()
-      .click();
+    cy.get('[aria-label="Jan 24, 2019"]').first().click();
     cy.get('div[role="tooltip"]').should('not.be.visible');
   });
 
   it('Allows pure keyboard input control', () => {
-    cy.get('[data-mui-test="desktop-range-picker"]')
-      .eq(0)
-      .clear()
-      .type('06/06/2019');
+    cy.get('[data-mui-test="desktop-range-picker"]').eq(0).clear().type('06/06/2019');
 
     cy.contains('June 2019');
     cy.contains('July 2019');
 
-    cy.get('[data-mui-test="desktop-range-picker-end"]')
-      .focus()
-      .clear()
-      .type('08/08/2019');
+    cy.get('[data-mui-test="desktop-range-picker-end"]').focus().clear().type('08/08/2019');
 
     cy.contains('July 2019');
     cy.contains('August 2019');
@@ -80,33 +66,22 @@ describe('DateRangePicker', () => {
   });
 
   it('Scrolls current month to the active selection on focusing appropriate field', () => {
-    cy.get('[data-mui-test="desktop-range-picker"]')
-      .first()
-      .click();
+    cy.get('[data-mui-test="desktop-range-picker"]').first().click();
 
     cy.get('[aria-label="Jan 19, 2019"]').click();
 
-    cy.get('[data-mui-test="next-arrow-button"]')
-      .eq(1)
-      .click()
-      .click();
+    cy.get('[data-mui-test="next-arrow-button"]').eq(1).click().click();
 
-    cy.get('[data-mui-test="desktop-range-picker"]')
-      .first()
-      .click();
+    cy.get('[data-mui-test="desktop-range-picker"]').first().click();
 
     cy.contains('January 2019');
   });
 
   it('Opens on the current selecting range end', () => {
-    cy.get('[data-mui-test="desktop-range-picker"]')
-      .first()
-      .click();
+    cy.get('[data-mui-test="desktop-range-picker"]').first().click();
 
     cy.get('[aria-label="Jan 19, 2019"]').click();
-    cy.get('[data-mui-test="next-arrow-button"]')
-      .eq(1)
-      .click();
+    cy.get('[data-mui-test="next-arrow-button"]').eq(1).click();
 
     cy.get('[aria-label="Mar 19, 2019"]').click();
 
diff --git a/e2e/integration/VisualRegression.spec.ts b/e2e/integration/VisualRegression.spec.ts
index dd535325b..c12be67a9 100644
--- a/e2e/integration/VisualRegression.spec.ts
+++ b/e2e/integration/VisualRegression.spec.ts
@@ -65,7 +65,7 @@ describe('Visual Regression', () => {
     },
   ];
 
-  pages.forEach(page => {
+  pages.forEach((page) => {
     context(page.name, () => {
       beforeEach(() => {
         const now = new Date('2019-01-01T09:41:00.000Z');
diff --git a/e2e/test-utils.tsx b/e2e/test-utils.tsx
index 3b4a20a68..9507d916c 100644
--- a/e2e/test-utils.tsx
+++ b/e2e/test-utils.tsx
@@ -59,7 +59,7 @@ export function mountPickerWithState(
   function PickerWithState() {
     const [value, setDate] = React.useState<any>(momentInTime);
 
-    return createPicker({ ...mockRequiredProps, value, onChange: date => setDate(date) });
+    return createPicker({ ...mockRequiredProps, value, onChange: (date) => setDate(date) });
   }
 
   mountPicker(() => <PickerWithState />);
diff --git a/lib/package.json b/lib/package.json
index b29724530..56f64c00e 100644
--- a/lib/package.json
+++ b/lib/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@material-ui/pickers",
-  "version": "4.0.0-alpha.9",
+  "version": "4.0.0-alpha.10",
   "private": true,
   "description": "React components, that implements material design pickers for material-ui v4",
   "main": "./src/index.ts",
@@ -92,7 +92,7 @@
     "@testing-library/jest-dom": "^5.11.0",
     "@types/enzyme": "^3.10.5",
     "@types/enzyme-adapter-react-16": "^1.0.3",
-    "@types/fs-extra": "^8.1.0",
+    "@types/fs-extra": "^9.0.1",
     "@types/jest": "^25.2.1",
     "@types/luxon": "^1.11.0",
     "@types/prop-types": "^15.5.8",
@@ -102,9 +102,9 @@
     "@typescript-eslint/eslint-plugin": "^1.6.0",
     "@typescript-eslint/parser": "^1.6.0",
     "babel-loader": "^8.1.0",
-    "babel-plugin-optimize-clsx": "^2.6.0",
+    "babel-plugin-optimize-clsx": "^2.6.1",
     "babel-plugin-react-remove-properties": "^0.3.0",
-    "codecov": "^3.6.5",
+    "codecov": "^3.7.1",
     "cross-env": "^7.0.2",
     "date-fns": "^2.12.0",
     "enzyme": "^3.11.0",
diff --git a/lib/prepare-build-files.js b/lib/prepare-build-files.js
index c344cd928..0f29e968b 100644
--- a/lib/prepare-build-files.js
+++ b/lib/prepare-build-files.js
@@ -33,8 +33,8 @@ function createAdaptersPackages() {
 function createRootPackageFile() {
   return fse
     .readFile(path.resolve(__dirname, 'package.json'), 'utf8')
-    .then(data => JSON.parse(data))
-    .then(packageData => {
+    .then((data) => JSON.parse(data))
+    .then((packageData) => {
       // cleanup produced package
       const {
         devDependencies,
diff --git a/lib/remove-prop-types.js b/lib/remove-prop-types.js
index dc4d37877..630ceb0c3 100644
--- a/lib/remove-prop-types.js
+++ b/lib/remove-prop-types.js
@@ -1,4 +1,4 @@
-const removePropTypes = api => {
+const removePropTypes = (api) => {
   const { types, template } = api;
   const visitedKey = `remove-prop-types-${Date.now()}`;
   return {
diff --git a/lib/rollup.config.js b/lib/rollup.config.js
index d6d1cc7a6..6f55c27f4 100644
--- a/lib/rollup.config.js
+++ b/lib/rollup.config.js
@@ -8,7 +8,7 @@ import nodeResolve from '@rollup/plugin-node-resolve';
 import { terser } from 'rollup-plugin-terser';
 import { sizeSnapshot } from 'rollup-plugin-size-snapshot';
 
-const external = id => !id.startsWith('.') && !path.isAbsolute(id);
+const external = (id) => !id.startsWith('.') && !path.isAbsolute(id);
 
 const input = './src/index.ts';
 const globals = {
@@ -54,7 +54,7 @@ const commonjsOptions = {
   include: /node_modules/,
 };
 
-const onwarn = warning => {
+const onwarn = (warning) => {
   // ignore imported types
   if (warning.code === 'NON_EXISTENT_EXPORT') {
     return;
diff --git a/lib/src/DateRangePicker/DateRangePickerDay.tsx b/lib/src/DateRangePicker/DateRangePickerDay.tsx
index f4bdabf6e..aab509979 100644
--- a/lib/src/DateRangePicker/DateRangePickerDay.tsx
+++ b/lib/src/DateRangePicker/DateRangePickerDay.tsx
@@ -25,7 +25,7 @@ const startBorderStyle = {
 };
 
 const useStyles = makeStyles(
-  theme => ({
+  (theme) => ({
     root: {
       '&:first-child $rangeIntervalDayPreview': {
         ...startBorderStyle,
diff --git a/lib/src/DateRangePicker/DateRangePickerInput.tsx b/lib/src/DateRangePicker/DateRangePickerInput.tsx
index e5a81307e..20b32fca6 100644
--- a/lib/src/DateRangePicker/DateRangePickerInput.tsx
+++ b/lib/src/DateRangePicker/DateRangePickerInput.tsx
@@ -11,7 +11,7 @@ import { mergeRefs, executeInTheNextEventLoopTick } from '../_helpers/utils';
 import { DateInputProps, MuiTextFieldProps } from '../_shared/PureDateInput';
 
 export const useStyles = makeStyles(
-  theme => ({
+  (theme) => ({
     root: {
       display: 'flex',
       alignItems: 'baseline',
diff --git a/lib/src/DateRangePicker/DateRangePickerViewDesktop.tsx b/lib/src/DateRangePicker/DateRangePickerViewDesktop.tsx
index 36b42cded..3fec9359f 100644
--- a/lib/src/DateRangePicker/DateRangePickerViewDesktop.tsx
+++ b/lib/src/DateRangePicker/DateRangePickerViewDesktop.tsx
@@ -42,7 +42,7 @@ interface DesktopDateRangeCalendarProps
 }
 
 export const useStyles = makeStyles(
-  theme => ({
+  (theme) => ({
     root: {
       display: 'flex',
       flexDirection: 'row',
diff --git a/lib/src/DateTimePicker/DateTimePickerTabs.tsx b/lib/src/DateTimePicker/DateTimePickerTabs.tsx
index 0ebde6f5b..2bae4d1d7 100644
--- a/lib/src/DateTimePicker/DateTimePickerTabs.tsx
+++ b/lib/src/DateTimePicker/DateTimePickerTabs.tsx
@@ -33,7 +33,7 @@ export interface DateTimePickerTabsProps {
 }
 
 export const useStyles = makeStyles(
-  theme => {
+  (theme) => {
     const tabsBackground =
       theme.palette.type === 'light'
         ? theme.palette.primary.main
diff --git a/lib/src/__tests__/DatePicker.test.tsx b/lib/src/__tests__/DatePicker.test.tsx
index b4dc70e74..24017efa1 100644
--- a/lib/src/__tests__/DatePicker.test.tsx
+++ b/lib/src/__tests__/DatePicker.test.tsx
@@ -19,7 +19,7 @@ describe('e2e - DatePicker default year format', () => {
     jest.clearAllMocks();
     component = mount(
       <DatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         desktopModeMediaQuery="(min-width:720px)"
         value={utilsToUse.date('2018-01-01T00:00:00.000')}
         onChange={onChangeMock}
@@ -41,7 +41,7 @@ describe('e2e - DatePicker default year month format', () => {
   beforeEach(() => {
     component = mount(
       <MobileDatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         onChange={onChangeMock}
         value={date}
         views={['year', 'month']}
@@ -62,7 +62,7 @@ describe('e2e - DatePicker default year month day format', () => {
   beforeEach(() => {
     component = mount(
       <MobileDatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         onChange={onChangeMock}
         value={date}
         views={['year', 'month', 'date']}
@@ -84,7 +84,7 @@ describe('e2e - DatePicker onMonthChange', () => {
   beforeEach(() => {
     component = mount(
       <MobileDatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         open
         onChange={onChangeMock}
         onMonthChange={onMonthChangeMock}
@@ -94,10 +94,7 @@ describe('e2e - DatePicker onMonthChange', () => {
   });
 
   it('Should dispatch onMonthChange on month switches', () => {
-    component
-      .find('button[data-mui-test="previous-arrow-button"]')
-      .first()
-      .simulate('click');
+    component.find('button[data-mui-test="previous-arrow-button"]').first().simulate('click');
 
     expect(onMonthChangeMock).toBeCalled();
   });
@@ -109,7 +106,7 @@ describe('e2e - DatePicker loading prop', () => {
       <MobileDatePicker
         open
         loading
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         onChange={jest.fn()}
         value={utilsToUse.date('2018-01-01T00:00:00.000Z')}
       />
@@ -124,7 +121,7 @@ describe('e2e - DatePicker loading prop', () => {
       <MobileDatePicker
         open
         loading
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         onChange={jest.fn()}
         renderLoading={() => <CalendarSkeleton data-mui-test="custom-loading" />}
         value={utilsToUse.date('2018-01-01T00:00:00.000Z')}
@@ -139,7 +136,7 @@ describe('e2e - DatePicker loading prop', () => {
 it('Custom toolbar component', () => {
   const component = mount(
     <MobileDatePicker
-      renderInput={props => <TextField {...props} />}
+      renderInput={(props) => <TextField {...props} />}
       open
       disableHighlightToday
       value={new Date()}
@@ -154,7 +151,7 @@ it('Custom toolbar component', () => {
 it('Selected date is disabled', () => {
   const component = mount(
     <MobileDatePicker
-      renderInput={props => <TextField {...props} />}
+      renderInput={(props) => <TextField {...props} />}
       open
       value={utilsToUse.date('01-01-2019')}
       maxDate={utilsToUse.date('01-01-2018')}
@@ -162,31 +159,18 @@ it('Selected date is disabled', () => {
     />
   );
 
-  expect(
-    component
-      .find('[data-mui-test="calendar-year-text"]')
-      .first()
-      .text()
-  ).toBe('2018');
-  expect(
-    component
-      .find('[data-mui-test="calendar-month-text"]')
-      .first()
-      .text()
-  ).toBe('January');
+  expect(component.find('[data-mui-test="calendar-year-text"]').first().text()).toBe('2018');
+  expect(component.find('[data-mui-test="calendar-month-text"]').first().text()).toBe('January');
 });
 
 it('Should not add to loading queue when synchronous', () => {
-  const component = mountPickerWithState(null, props => (
+  const component = mountPickerWithState(null, (props) => (
     <StaticDatePicker toolbarPlaceholder="Enter Date" {...props} />
   ));
 
   expect(component.find('h4[data-mui-test="datepicker-toolbar-date"]').text()).toBe('Enter Date');
 
-  component
-    .find('button[data-mui-test="day"]')
-    .at(0)
-    .simulate('click');
+  component.find('button[data-mui-test="day"]').at(0).simulate('click');
 
   expect(component.find('h4[data-mui-test="datepicker-toolbar-date"]').text()).not.toBe(
     'Enter Date'
diff --git a/lib/src/__tests__/DatePickerProps.test.tsx b/lib/src/__tests__/DatePickerProps.test.tsx
index b386b0204..151b74b94 100644
--- a/lib/src/__tests__/DatePickerProps.test.tsx
+++ b/lib/src/__tests__/DatePickerProps.test.tsx
@@ -7,7 +7,7 @@ describe('DatePicker - different props', () => {
   it('Should not render toolbar if onlyCalendar = true', () => {
     const component = mount(
       <DatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         open
         showToolbar
         onChange={jest.fn()}
@@ -21,7 +21,7 @@ describe('DatePicker - different props', () => {
   it('toolbarTitle – should render value from prop', () => {
     const component = mount(
       <MobileDatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         open
         toolbarTitle="test"
         label="something"
@@ -39,7 +39,7 @@ describe('DatePicker - different props', () => {
         open
         label="Default label"
         onChange={jest.fn()}
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         value={utilsToUse.date('2018-01-01T00:00:00.000Z')}
       />
     );
@@ -52,7 +52,7 @@ describe('DatePicker - different props', () => {
   it('toolbarFormat – should format toolbar according to passed format', () => {
     const component = mount(
       <MobileDatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         open
         onChange={jest.fn()}
         toolbarFormat="MMMM"
@@ -68,7 +68,7 @@ describe('DatePicker - different props', () => {
     const onChangeMock = jest.fn();
     const component = mount(
       <MobileDatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         showTodayButton
         cancelText="stream"
         onClose={onCloseMock}
@@ -103,7 +103,7 @@ describe('DatePicker - different props', () => {
             ref={ref}
             value={null}
             onChange={jest.fn()}
-            renderInput={props => <TextField id="focusing-picker" {...props} />}
+            renderInput={(props) => <TextField id="focusing-picker" {...props} />}
           />
 
           <button id="focus-picker" onClick={focusPicker} />
@@ -119,11 +119,11 @@ describe('DatePicker - different props', () => {
     const onChangeMock = jest.fn();
     const component = mount(
       <StaticDatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         openTo="year"
         onChange={onChangeMock}
         value={utilsToUse.date('2018-01-01T00:00:00.000Z')}
-        shouldDisableYear={year => utilsToUse.getYear(year) === 2030}
+        shouldDisableYear={(year) => utilsToUse.getYear(year) === 2030}
       />
     );
 
diff --git a/lib/src/__tests__/DatePickerRoot.test.tsx b/lib/src/__tests__/DatePickerRoot.test.tsx
index 08c50f338..626fca00b 100644
--- a/lib/src/__tests__/DatePickerRoot.test.tsx
+++ b/lib/src/__tests__/DatePickerRoot.test.tsx
@@ -13,7 +13,7 @@ describe('e2e - DatePicker', () => {
     jest.clearAllMocks();
     component = mount(
       <DatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         open
         openTo="date"
         value={utilsToUse.date('2018-01-01T00:00:00.000Z')}
@@ -31,10 +31,7 @@ describe('e2e - DatePicker', () => {
   });
 
   it('Should dispatch onChange on day click', () => {
-    component
-      .find('button[data-mui-test="day"]')
-      .at(2)
-      .simulate('click');
+    component.find('button[data-mui-test="day"]').at(2).simulate('click');
     expect(onChangeMock).toHaveBeenCalled();
   });
 
@@ -43,10 +40,7 @@ describe('e2e - DatePicker', () => {
 
     expect(component.find('[data-mui-test="year"]').length).toBe(200);
 
-    component
-      .find('[data-mui-test="year"] button')
-      .at(1)
-      .simulate('click');
+    component.find('[data-mui-test="year"] button').at(1).simulate('click');
 
     clickOKButton(component);
     expect(onChangeMock).toHaveBeenCalled();
@@ -62,7 +56,7 @@ describe('e2e -- DatePicker views year', () => {
   beforeEach(() => {
     component = mount(
       <DatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         open
         value={utilsToUse.date('2018-01-01T00:00:00.000Z')}
         onChange={onChangeMock}
@@ -75,10 +69,7 @@ describe('e2e -- DatePicker views year', () => {
   it('Should render year selection and select year', () => {
     expect(component.find('[data-mui-test="year"]').length).toBe(200);
 
-    component
-      .find('[data-mui-test="year"] button')
-      .at(1)
-      .simulate('click');
+    component.find('[data-mui-test="year"] button').at(1).simulate('click');
 
     clickOKButton(component);
     expect(onYearChangeMock).toHaveBeenCalled();
@@ -94,7 +85,7 @@ describe('e2e -- DatePicker views year and month', () => {
   beforeEach(() => {
     component = mount(
       <DatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         open
         value={utilsToUse.date('2018-01-01T00:00:00.000Z')}
         onChange={onChangeMock}
@@ -107,10 +98,7 @@ describe('e2e -- DatePicker views year and month', () => {
 
   it('Should select month', () => {
     expect(component.find('Month').length).toBe(12);
-    component
-      .find('div[data-mui-test="month"]')
-      .first()
-      .simulate('click');
+    component.find('div[data-mui-test="month"]').first().simulate('click');
 
     expect(onMonthChangeMock).toHaveBeenCalled();
   });
@@ -133,7 +121,7 @@ describe('e2e -- DatePicker views year and month open from year', () => {
   beforeEach(() => {
     component = mount(
       <DatePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         open
         value={utilsToUse.date('2018-01-01T00:00:00.000Z')}
         onChange={onChangeMock}
diff --git a/lib/src/__tests__/DatePickerTestingLib.test.tsx b/lib/src/__tests__/DatePickerTestingLib.test.tsx
index d9a7a8e9f..b679d5830 100644
--- a/lib/src/__tests__/DatePickerTestingLib.test.tsx
+++ b/lib/src/__tests__/DatePickerTestingLib.test.tsx
@@ -31,7 +31,7 @@ describe('<DatePicker />', () => {
         openTo="year"
         minDate={new Date('2000-01-01')}
         maxDate={new Date('2010-01-01')}
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
       />
     );
 
@@ -44,7 +44,7 @@ describe('<DatePicker />', () => {
       <MobileDatePicker
         value={utilsToUse.date('2018-01-01T00:00:00.000Z')}
         onChange={jest.fn()}
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
       />
     );
 
@@ -60,7 +60,7 @@ describe('<DatePicker />', () => {
         TransitionComponent={FakeTransitionComponent}
         value={utilsToUse.date('2018-01-01T00:00:00.000Z')}
         onChange={jest.fn()}
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
       />
     );
 
@@ -79,7 +79,7 @@ describe('<DatePicker />', () => {
         disableCloseOnSelect
         value={utilsToUse.date('2018-01-01T00:00:00.000Z')}
         onChange={jest.fn()}
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
       />
     );
 
@@ -180,7 +180,7 @@ describe('<DatePicker />', () => {
         TransitionComponent={FakeTransitionComponent}
         value={utilsToUse.date('2018-01-01T00:00:00.000Z')}
         onChange={onChangeMock}
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
       />
     );
 
diff --git a/lib/src/__tests__/DateRangePicker.test.tsx b/lib/src/__tests__/DateRangePicker.test.tsx
index d1e4a023a..745165563 100644
--- a/lib/src/__tests__/DateRangePicker.test.tsx
+++ b/lib/src/__tests__/DateRangePicker.test.tsx
@@ -21,7 +21,7 @@ describe('<DateRangePicker />', () => {
       <StaticDateRangePicker
         renderInput={defaultRangeRenderInput}
         minDate={new Date('2005-01-01')}
-        shouldDisableDate={date => isWeekend(utilsToUse.toJsDate(date))}
+        shouldDisableDate={(date) => isWeekend(utilsToUse.toJsDate(date))}
         onChange={jest.fn()}
         value={[
           utilsToUse.date('2018-01-01T00:00:00.000'),
@@ -31,7 +31,7 @@ describe('<DateRangePicker />', () => {
     );
 
     expect(
-      getAllByMuiTest('DateRangeDay').filter(day => day.getAttribute('disabled') !== undefined)
+      getAllByMuiTest('DateRangeDay').filter((day) => day.getAttribute('disabled') !== undefined)
     ).toHaveLength(31);
   });
 
@@ -58,7 +58,7 @@ describe('<DateRangePicker />', () => {
         open
         renderInput={defaultRangeRenderInput}
         onChange={jest.fn()}
-        renderDay={day => <div key={String(day)} data-mui-test="renderDayCalled" />}
+        renderDay={(day) => <div key={String(day)} data-mui-test="renderDayCalled" />}
         value={[null, null]}
       />
     );
diff --git a/lib/src/__tests__/DateTimePicker.test.tsx b/lib/src/__tests__/DateTimePicker.test.tsx
index 1ca76c6f6..41e856ebc 100644
--- a/lib/src/__tests__/DateTimePicker.test.tsx
+++ b/lib/src/__tests__/DateTimePicker.test.tsx
@@ -16,7 +16,7 @@ describe('DateTimePicker', () => {
   beforeEach(() => {
     component = mount(
       <DateTimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         clearable
         inputFormat={format}
         onClose={onCloseMock}
@@ -37,17 +37,9 @@ describe('DateTimePicker', () => {
 
   it('Should change internal state on update', () => {
     component.find('input').simulate('click');
-    component
-      .find('[data-mui-test="day"]')
-      .at(3)
-      .simulate('click');
-
-    expect(
-      component
-        .find('ToolbarButton')
-        .at(0)
-        .text()
-    ).toBe('2018');
+    component.find('[data-mui-test="day"]').at(3).simulate('click');
+
+    expect(component.find('ToolbarButton').at(0).text()).toBe('2018');
   });
 });
 
@@ -58,7 +50,7 @@ describe('e2e -- Controlling open state', () => {
   beforeEach(() => {
     component = mount(
       <DateTimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         open
         onClose={onCloseMock}
         onChange={jest.fn()}
@@ -72,10 +64,7 @@ describe('e2e -- Controlling open state', () => {
   });
 
   it('Should close', () => {
-    component
-      .find('ForwardRef(DialogActions) button')
-      .at(0)
-      .simulate('click');
+    component.find('ForwardRef(DialogActions) button').at(0).simulate('click');
     expect(onCloseMock).toHaveBeenCalled();
   });
 });
@@ -86,7 +75,7 @@ describe('e2e -- Override utils using `dateAdapter`', () => {
   beforeEach(() => {
     component = enzymeDefaultMount(
       <DateTimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         value={utilsToUse.date('2018-01-01T00:00:00.000Z')}
         onChange={jest.fn()}
         dateAdapter={utilsToUse}
@@ -101,7 +90,7 @@ describe('e2e -- Override utils using `dateAdapter`', () => {
 });
 
 it('e2e - DateTimePicker empty date', () => {
-  const component = mountPickerWithState(null, props => (
+  const component = mountPickerWithState(null, (props) => (
     <DateTimePicker open toolbarPlaceholder="Enter Date" {...props} />
   ));
 
@@ -112,10 +101,7 @@ it('e2e - DateTimePicker empty date', () => {
   expect(component.find('button[data-mui-test="hours"]').text()).toBe('--');
   expect(component.find('button[data-mui-test="minutes"]').text()).toBe('--');
 
-  component
-    .find('button[data-mui-test="day"]')
-    .at(0)
-    .simulate('click');
+  component.find('button[data-mui-test="day"]').at(0).simulate('click');
 
   expect(component.find('button[data-mui-test="datetimepicker-toolbar-date"]').text()).not.toBe(
     'Enter Date'
diff --git a/lib/src/__tests__/DateTimePickerRoot.test.tsx b/lib/src/__tests__/DateTimePickerRoot.test.tsx
index 6ab3745df..eea1d9839 100644
--- a/lib/src/__tests__/DateTimePickerRoot.test.tsx
+++ b/lib/src/__tests__/DateTimePickerRoot.test.tsx
@@ -22,7 +22,7 @@ describe('e2e - DateTimePicker', () => {
         rightArrowIcon="keyboard_arrow_right"
         dateRangeIcon="date_range"
         timeIcon="access_time"
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
       />
     );
   });
@@ -32,35 +32,23 @@ describe('e2e - DateTimePicker', () => {
   });
 
   it('Should display year view', () => {
-    component
-      .find('ToolbarButton')
-      .first()
-      .simulate('click');
+    component.find('ToolbarButton').first().simulate('click');
 
     expect(component.find('[data-mui-test="year"]').length).toBe(200);
-    component
-      .find('[data-mui-test="year"]')
-      .at(1)
-      .simulate('click');
+    component.find('[data-mui-test="year"]').at(1).simulate('click');
 
     clickOKButton(component);
     expect(onChangeMock).toHaveBeenCalled();
   });
 
   it('Should render hour view', () => {
-    component
-      .find('ToolbarButton')
-      .at(2)
-      .simulate('click');
+    component.find('ToolbarButton').at(2).simulate('click');
 
     expect(component.find('ClockView').props().type).toBe('hours');
   });
 
   it('Should render minutes view', () => {
-    component
-      .find('ToolbarButton')
-      .at(3)
-      .simulate('click');
+    component.find('ToolbarButton').at(3).simulate('click');
     expect(component.find('ClockView').props().type).toBe('minutes');
   });
 
diff --git a/lib/src/__tests__/DateTimePickerTestingLib.test.tsx b/lib/src/__tests__/DateTimePickerTestingLib.test.tsx
index 5439ce99b..f0070edec 100644
--- a/lib/src/__tests__/DateTimePickerTestingLib.test.tsx
+++ b/lib/src/__tests__/DateTimePickerTestingLib.test.tsx
@@ -11,7 +11,7 @@ describe('<DateTimePicker />', () => {
   it('prop: mask – should take the mask prop into account', () => {
     render(
       <DesktopDateTimePicker
-        renderInput={props => <TextField autoFocus {...props} />}
+        renderInput={(props) => <TextField autoFocus {...props} />}
         ampm={false}
         inputFormat={utilsToUse.moment ? 'MM.DD.YYYY HH:mm' : 'mm.dd.yyyy hh:mm'}
         mask="__.__.____ __:__"
@@ -36,7 +36,7 @@ describe('<DateTimePicker />', () => {
         open
         openTo="minutes"
         onChange={() => {}}
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         value={utilsToUse.date('2018-01-01T12:00:00.000Z')}
         minDateTime={utilsToUse.date('2018-01-01T12:30:00.000Z')}
       />
@@ -55,7 +55,7 @@ describe('<DateTimePicker />', () => {
         openTo="hours"
         onChange={() => {}}
         ampm={false}
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         value={utilsToUse.date('2018-01-01T00:00:00.000Z')}
         minDateTime={utilsToUse.date('2018-01-01T12:30:00.000Z')}
       />
@@ -71,7 +71,7 @@ describe('<DateTimePicker />', () => {
         open
         openTo="hours"
         onChange={() => {}}
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         value={utilsToUse.date('2018-01-01T00:00:00.000Z')}
       />
     );
@@ -86,7 +86,7 @@ describe('<DateTimePicker />', () => {
         open
         openTo="hours"
         onChange={() => {}}
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         value={utilsToUse.date('2018-01-01T00:00:00.000Z')}
       />
     );
diff --git a/lib/src/__tests__/KeyboardDatePicker.test.tsx b/lib/src/__tests__/KeyboardDatePicker.test.tsx
index 938c37009..582a3fcd9 100644
--- a/lib/src/__tests__/KeyboardDatePicker.test.tsx
+++ b/lib/src/__tests__/KeyboardDatePicker.test.tsx
@@ -11,7 +11,7 @@ describe('e2e -- DatePicker keyboard input', () => {
   beforeEach(() => {
     component = mount(
       <DesktopDatePicker
-        renderInput={props => (
+        renderInput={(props) => (
           <TextField
             placeholder="10/10/2018"
             InputLabelProps={{
diff --git a/lib/src/__tests__/KeyboardDateTimePicker.test.tsx b/lib/src/__tests__/KeyboardDateTimePicker.test.tsx
index f2d57bd89..948cf035d 100644
--- a/lib/src/__tests__/KeyboardDateTimePicker.test.tsx
+++ b/lib/src/__tests__/KeyboardDateTimePicker.test.tsx
@@ -22,7 +22,7 @@ describe('e2e - DesktopDateTimePicker', () => {
         disableMaskedInput
         inputFormat={format}
         OpenPickerButtonProps={{ id: 'keyboard-button' }}
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         value={utilsToUse.date('2018-01-01T00:00:00.000Z')}
       />
     );
diff --git a/lib/src/__tests__/Theme.test.tsx b/lib/src/__tests__/Theme.test.tsx
index c620cd88b..18df8f65f 100644
--- a/lib/src/__tests__/Theme.test.tsx
+++ b/lib/src/__tests__/Theme.test.tsx
@@ -16,7 +16,7 @@ it('Should renders without crash in dark theme', () => {
   const component = mount(
     <ThemeProvider theme={theme}>
       <DateTimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         open
         openTo="hours"
         value={null}
@@ -31,7 +31,7 @@ it('Should renders without crash in dark theme', () => {
 it('Should render component with different orientation', () => {
   const component = mount(
     <DatePicker
-      renderInput={props => <TextField {...props} />}
+      renderInput={(props) => <TextField {...props} />}
       open
       orientation="landscape"
       value={null}
diff --git a/lib/src/__tests__/TimePicker.test.tsx b/lib/src/__tests__/TimePicker.test.tsx
index f64101c28..a8b4ac02a 100644
--- a/lib/src/__tests__/TimePicker.test.tsx
+++ b/lib/src/__tests__/TimePicker.test.tsx
@@ -31,7 +31,7 @@ describe('e2e - TimePicker', () => {
     jest.clearAllMocks();
     component = mount(
       <MobileTimePicker
-        renderInput={props => <TextField variant="outlined" {...props} />}
+        renderInput={(props) => <TextField variant="outlined" {...props} />}
         ampm
         open
         value={utilsToUse.date('2018-01-01T00:00:00.000')}
@@ -48,19 +48,11 @@ describe('e2e - TimePicker', () => {
     component.find('div[role="menu"]').simulate('mouseMove', fakeTouchEvent);
     component.find('div[role="menu"]').simulate('mouseUp', fakeTouchEvent);
 
-    expect(
-      component
-        .find('ToolbarButton')
-        .at(0)
-        .text()
-    ).toBe('11');
+    expect(component.find('ToolbarButton').at(0).text()).toBe('11');
   });
 
   it('Should change minutes (touch)', () => {
-    component
-      .find('ToolbarButton')
-      .at(1)
-      .simulate('click');
+    component.find('ToolbarButton').at(1).simulate('click');
 
     component.find('div[role="menu"]').simulate('touchMove', {
       buttons: 1,
@@ -72,19 +64,11 @@ describe('e2e - TimePicker', () => {
       ],
     });
 
-    expect(
-      component
-        .find('ToolbarButton')
-        .at(1)
-        .text()
-    ).toBe('53');
+    expect(component.find('ToolbarButton').at(1).text()).toBe('53');
   });
 
   it('Should change meridiem mode', () => {
-    component
-      .find('ToolbarButton')
-      .at(3)
-      .simulate('click');
+    component.find('ToolbarButton').at(3).simulate('click');
 
     clickOKButton(component);
     toHaveBeenCalledExceptMoment(onChangeMock, [utilsToUse.date('2018-01-01T12:00:00.000')]);
@@ -99,7 +83,7 @@ describe('e2e - TimePicker with seconds', () => {
     jest.clearAllMocks();
     component = mount(
       <TimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         open
         views={['hours', 'minutes', 'seconds']}
         value={utilsToUse.date('2018-01-01T00:00:12.000')}
@@ -109,19 +93,11 @@ describe('e2e - TimePicker with seconds', () => {
   });
 
   it('Should show seconds number', () => {
-    expect(
-      component
-        .find('ToolbarButton')
-        .at(2)
-        .text()
-    ).toBe('12');
+    expect(component.find('ToolbarButton').at(2).text()).toBe('12');
   });
 
   it('Should change seconds', () => {
-    component
-      .find('ToolbarButton')
-      .at(2)
-      .simulate('click');
+    component.find('ToolbarButton').at(2).simulate('click');
 
     component.find('div[role="menu"]').simulate('touchMove', {
       buttons: 1,
@@ -145,7 +121,7 @@ describe.skip('e2e - Timepicker view navigation', () => {
   beforeEach(() => {
     component = mount(
       <DesktopTimePicker
-        renderInput={props => <TextField variant="outlined" {...props} />}
+        renderInput={(props) => <TextField variant="outlined" {...props} />}
         views={['hours', 'minutes', 'seconds']}
         onChange={jest.fn()}
         value={utilsToUse.date('2018-01-01T00:00:12.000')}
@@ -204,7 +180,7 @@ describe('e2e - TimePicker time validation', () => {
     jest.clearAllMocks();
     component = mount(
       <TimePicker
-        renderInput={props => <TextField {...props} />}
+        renderInput={(props) => <TextField {...props} />}
         open
         ampm={false}
         onChange={onChangeMock}
@@ -259,7 +235,7 @@ describe('e2e - TimePicker time validation', () => {
 });
 
 it('e2e - TimePicker empty date', () => {
-  const component = mountPickerWithState(null, props => <TimePicker open {...props} />);
+  const component = mountPickerWithState(null, (props) => <TimePicker open {...props} />);
 
   expect(component.find('button[data-mui-test="hours"]').text()).toBe('--');
   expect(component.find('button[data-mui-test="minutes"]').text()).toBe('--');
diff --git a/lib/src/__tests__/Validation.test.tsx b/lib/src/__tests__/Validation.test.tsx
index 60954cc2a..71fea4482 100644
--- a/lib/src/__tests__/Validation.test.tsx
+++ b/lib/src/__tests__/Validation.test.tsx
@@ -28,7 +28,7 @@ describe('DatePicker validation', () => {
     }
 
     const onErrorMock = jest.fn();
-    const component = mountPickerWithState(utilsToUse.date(), stateProps => (
+    const component = mountPickerWithState(utilsToUse.date(), (stateProps) => (
       <DesktopDatePicker {...stateProps} {...props} onError={onErrorMock} />
     ));
 
@@ -47,7 +47,7 @@ describe('DatePicker validation', () => {
     }
 
     const onErrorMock = jest.fn();
-    const component = mountPickerWithState(utilsToUse.date(), stateProps => (
+    const component = mountPickerWithState(utilsToUse.date(), (stateProps) => (
       <DesktopDatePicker {...stateProps} disablePast onError={onErrorMock} />
     ));
 
@@ -84,7 +84,7 @@ describe('TimePicker validation', () => {
     ${{ shouldDisableTime }}            | ${'00:10'}       | ${'shouldDisableTime-minutes'}
   `('TimePicker should dispatch onError $expectedError', ({ props, input, expectedError }) => {
     const onErrorMock = jest.fn();
-    const component = mountPickerWithState(utilsToUse.date(), stateProps => (
+    const component = mountPickerWithState(utilsToUse.date(), (stateProps) => (
       <DesktopTimePicker ampm={false} {...stateProps} {...props} onError={onErrorMock} />
     ));
 
@@ -116,7 +116,7 @@ describe('DateRangePicker validation', () => {
 
     const onErrorMock = jest.fn();
 
-    const component = mountPickerWithState([null, null], stateProps => (
+    const component = mountPickerWithState([null, null], (stateProps) => (
       <DesktopDateRangePicker
         {...stateProps}
         {...props}
diff --git a/lib/src/__tests__/createClientRender.tsx b/lib/src/__tests__/createClientRender.tsx
index 23841b315..1a24a5be7 100644
--- a/lib/src/__tests__/createClientRender.tsx
+++ b/lib/src/__tests__/createClientRender.tsx
@@ -110,7 +110,7 @@ const fireEvent = Object.assign(rtlFireEvent, {
       error.stack = error.stack
         ? error.stack
             .split('\n')
-            .filter(line => !/at Function.key/.test(line))
+            .filter((line) => !/at Function.key/.test(line))
             .join('\n')
         : '';
       throw error;
@@ -149,7 +149,7 @@ const fireEvent = Object.assign(rtlFireEvent, {
       error.stack = error.stack
         ? error.stack
             .split('\n')
-            .filter(line => !/at Function.key/.test(line))
+            .filter((line) => !/at Function.key/.test(line))
             .join('\n')
         : '';
       throw error;
diff --git a/lib/src/__tests__/setup.ts b/lib/src/__tests__/setup.ts
index c69bb200a..ef9ecba5e 100644
--- a/lib/src/__tests__/setup.ts
+++ b/lib/src/__tests__/setup.ts
@@ -16,7 +16,7 @@ function logAndThrowArgs(...args: any[]) {
   } else {
     // combine multi args into a string
     const message = args
-      .map(value => {
+      .map((value) => {
         if (typeof value === 'object') {
           return JSON.stringify(value);
         } else {
diff --git a/lib/src/__tests__/shallow/MonthSelection.test.tsx b/lib/src/__tests__/shallow/MonthSelection.test.tsx
index dedde68e9..db80f5a81 100644
--- a/lib/src/__tests__/shallow/MonthSelection.test.tsx
+++ b/lib/src/__tests__/shallow/MonthSelection.test.tsx
@@ -19,7 +19,7 @@ describe('MonthSelection', () => {
   });
 
   it('Should render disabled months before min date and after max date', () => {
-    expect(component.find(Month).map(month => month.prop('disabled'))).toEqual([
+    expect(component.find(Month).map((month) => month.prop('disabled'))).toEqual([
       true,
       true,
       false,
diff --git a/lib/src/__tests__/test-utils.tsx b/lib/src/__tests__/test-utils.tsx
index bfecde47e..27fbfb2da 100644
--- a/lib/src/__tests__/test-utils.tsx
+++ b/lib/src/__tests__/test-utils.tsx
@@ -92,8 +92,8 @@ function createPickerWithState<TValue>(defaultValue: TValue, renderFn: RenderPic
 
     return renderFn({
       value,
-      onChange: date => setDate(date),
-      renderInput: props => <TextField {...props} />,
+      onChange: (date) => setDate(date),
+      renderInput: (props) => <TextField {...props} />,
     });
   };
 
@@ -129,4 +129,4 @@ export const toHaveBeenCalledExceptMoment = (mock: jest.Mock<any, any>, params:
   return expect(mock).toHaveBeenCalledWith(...params);
 };
 
-export const itOnlyIf = (condition: boolean) => condition ? it : it.skip
+export const itOnlyIf = (condition: boolean) => (condition ? it : it.skip);
diff --git a/lib/src/__tests__/typescript/GenericValues.tstest.tsx b/lib/src/__tests__/typescript/GenericValues.tstest.tsx
index f6ecba7bb..6b2f13ed4 100644
--- a/lib/src/__tests__/typescript/GenericValues.tstest.tsx
+++ b/lib/src/__tests__/typescript/GenericValues.tstest.tsx
@@ -10,23 +10,23 @@ import { DateRangePicker } from '../../DateRangePicker/DateRangePicker';
 // Allows to set date type right with generic JSX syntax
 <DatePicker<Date>
   value={new Date()}
-  onChange={date => date?.getDate()}
-  renderInput={props => <TextField {...props} />}
+  onChange={(date) => date?.getDate()}
+  renderInput={(props) => <TextField {...props} />}
 />;
 
 // Also works for DateRangePicker
 <DateRangePicker<DateTime>
   value={[new DateTime(), new DateTime()]}
-  onChange={date => date[0]?.set({ second: 15 })}
-  renderInput={props => <TextField {...props} />}
+  onChange={(date) => date[0]?.set({ second: 15 })}
+  renderInput={(props) => <TextField {...props} />}
 />;
 
 // Throws error if passed value is invalid
 <DatePicker<Date>
   // @ts-expect-error Value is invalid
   value={new DateTime()}
-  onChange={date => date?.getDate()}
-  renderInput={props => <TextField {...props} />}
+  onChange={(date) => date?.getDate()}
+  renderInput={(props) => <TextField {...props} />}
 />;
 
 // Inference from the state
@@ -36,8 +36,8 @@ const InferTest = () => {
   return (
     <DatePicker
       value={date}
-      onChange={date => setDate(date)}
-      renderInput={props => <TextField {...props} />}
+      onChange={(date) => setDate(date)}
+      renderInput={(props) => <TextField {...props} />}
     />
   );
 };
@@ -45,16 +45,16 @@ const InferTest = () => {
 // Infer value type from the dateAdapter
 <DatePicker
   value={new DateTime()}
-  onChange={date => console.log(date)}
-  renderInput={props => <TextField {...props} />}
+  onChange={(date) => console.log(date)}
+  renderInput={(props) => <TextField {...props} />}
   dateAdapter={new LuxonAdapter()}
 />;
 
 // Conflict between value type and date adapter causes error
 <DatePicker
   value={moment()}
-  onChange={date => console.log(date)}
-  renderInput={props => <TextField {...props} />}
+  onChange={(date) => console.log(date)}
+  renderInput={(props) => <TextField {...props} />}
   // @ts-expect-error
   dateAdapter={new LuxonAdapter()}
 />;
@@ -62,8 +62,8 @@ const InferTest = () => {
 // Conflict between explicit generic type and date adapter causes error
 <DatePicker<Moment>
   value={moment()}
-  onChange={date => console.log(date)}
-  renderInput={props => <TextField {...props} />}
+  onChange={(date) => console.log(date)}
+  renderInput={(props) => <TextField {...props} />}
   // @ts-expect-error
   dateAdapter={new LuxonAdapter()}
 />;
@@ -74,6 +74,6 @@ const InferTest = () => {
 <DatePicker
   value={null}
   // @ts-expect-error `Property 'getDate' does not exist on type 'never'.`
-  onChange={date => date?.getDate()}
-  renderInput={props => <TextField {...props} />}
+  onChange={(date) => date?.getDate()}
+  renderInput={(props) => <TextField {...props} />}
 />;
diff --git a/lib/src/__tests__/unit/date-utils.test.ts b/lib/src/__tests__/unit/date-utils.test.ts
index cdb974852..2974bbd67 100644
--- a/lib/src/__tests__/unit/date-utils.test.ts
+++ b/lib/src/__tests__/unit/date-utils.test.ts
@@ -99,7 +99,7 @@ describe('findClosestEnabledDate', () => {
       minDate: utilsToUse.date('1900-01-01'),
       maxDate: utilsToUse.date('2100-01-01'),
       utils: utilsToUse,
-      shouldDisableDate: date => utilsToUse.isSameDay(date, today),
+      shouldDisableDate: (date) => utilsToUse.isSameDay(date, today),
       disableFuture: true,
       disablePast: true,
     });
diff --git a/lib/src/_helpers/date-utils.ts b/lib/src/_helpers/date-utils.ts
index 3284cb160..fad03e1a8 100644
--- a/lib/src/_helpers/date-utils.ts
+++ b/lib/src/_helpers/date-utils.ts
@@ -119,7 +119,7 @@ export function parseRangeInputValue(
   utils: MuiPickersAdapter,
   { value = [null, null] }: BasePickerProps<RangeInput, DateRange>
 ) {
-  return value.map(date =>
+  return value.map((date) =>
     !utils.isValid(date) || date === null ? null : utils.startOfDay(utils.date(date))
   ) as DateRange;
 }
diff --git a/lib/src/_helpers/utils.ts b/lib/src/_helpers/utils.ts
index 63c424ba5..a7bc4343f 100644
--- a/lib/src/_helpers/utils.ts
+++ b/lib/src/_helpers/utils.ts
@@ -3,7 +3,7 @@ import * as React from 'react';
 /* Use it instead of .includes method for IE support */
 export function arrayIncludes<T>(array: T[] | readonly T[], itemOrItems: T | T[]) {
   if (Array.isArray(itemOrItems)) {
-    return itemOrItems.every(item => array.indexOf(item) !== -1);
+    return itemOrItems.every((item) => array.indexOf(item) !== -1);
   }
 
   return array.indexOf(itemOrItems) !== -1;
@@ -30,7 +30,7 @@ export const onSpaceOrEnter = (
 export const pipe = (...fns: ((...args: any[]) => any)[]) =>
   fns.reduceRight(
     (prevFn, nextFn) => (...args) => nextFn(prevFn(...args)),
-    value => value
+    (value) => value
   );
 
 export const executeInTheNextEventLoopTick = (fn: () => void) => {
@@ -52,7 +52,7 @@ export function createDelegatedEventHandler<TEvent>(
 
 export function mergeRefs<T>(refs: (React.Ref<T | null> | undefined)[]) {
   return (value: T) => {
-    refs.forEach(ref => {
+    refs.forEach((ref) => {
       if (typeof ref === 'function') {
         ref(value);
       } else if (typeof ref === 'object' && ref != null) {
diff --git a/lib/src/_shared/ArrowSwitcher.tsx b/lib/src/_shared/ArrowSwitcher.tsx
index 52d217b71..1a415655a 100644
--- a/lib/src/_shared/ArrowSwitcher.tsx
+++ b/lib/src/_shared/ArrowSwitcher.tsx
@@ -46,7 +46,7 @@ interface ArrowSwitcherProps extends ExportedArrowSwitcherProps, React.HTMLProps
 }
 
 export const useStyles = makeStyles(
-  theme => ({
+  (theme) => ({
     root: {},
     iconButton: {
       zIndex: 1,
diff --git a/lib/src/_shared/KeyboardDateInput.tsx b/lib/src/_shared/KeyboardDateInput.tsx
index e5779cf15..1088aea45 100644
--- a/lib/src/_shared/KeyboardDateInput.tsx
+++ b/lib/src/_shared/KeyboardDateInput.tsx
@@ -34,9 +34,7 @@ export const KeyboardDateInput: React.FC<DateInputProps & DateInputRefs> = ({
     ...textFieldProps,
     InputProps: {
       ...InputProps,
-      [`${adornmentPosition}Adornment`]: hideOpenPickerButton ? (
-        undefined
-      ) : (
+      [`${adornmentPosition}Adornment`]: hideOpenPickerButton ? undefined : (
         <InputAdornment position={adornmentPosition} {...InputAdornmentProps}>
           <IconButton
             edge={adornmentPosition}
diff --git a/lib/src/_shared/PickerToolbar.tsx b/lib/src/_shared/PickerToolbar.tsx
index c34866e8b..b29c4c921 100644
--- a/lib/src/_shared/PickerToolbar.tsx
+++ b/lib/src/_shared/PickerToolbar.tsx
@@ -11,7 +11,7 @@ import { makeStyles } from '@material-ui/core/styles';
 import { ToolbarComponentProps } from '../Picker/SharedPickerProps';
 
 export const useStyles = makeStyles(
-  theme => {
+  (theme) => {
     const toolbarBackground =
       theme.palette.type === 'light'
         ? theme.palette.primary.main
diff --git a/lib/src/_shared/PickersPopper.tsx b/lib/src/_shared/PickersPopper.tsx
index 7eac5efb4..ec3a5d0e4 100644
--- a/lib/src/_shared/PickersPopper.tsx
+++ b/lib/src/_shared/PickersPopper.tsx
@@ -32,7 +32,7 @@ export interface PickerPopperProps extends ExportedPickerPopperProps, PaperProps
 }
 
 export const useStyles = makeStyles(
-  theme => ({
+  (theme) => ({
     root: {
       zIndex: theme.zIndex.modal,
     },
diff --git a/lib/src/_shared/ToolbarText.tsx b/lib/src/_shared/ToolbarText.tsx
index e0df40c8e..e43a0e59a 100644
--- a/lib/src/_shared/ToolbarText.tsx
+++ b/lib/src/_shared/ToolbarText.tsx
@@ -10,7 +10,7 @@ export interface ToolbarTextProps extends ExtendMui<TypographyProps> {
 }
 
 export const useStyles = makeStyles(
-  theme => {
+  (theme) => {
     const textColor =
       theme.palette.type === 'light'
         ? theme.palette.primary.contrastText
diff --git a/lib/src/_shared/hooks/usePickerState.ts b/lib/src/_shared/hooks/usePickerState.ts
index 0734212cb..f3ec7546d 100644
--- a/lib/src/_shared/hooks/usePickerState.ts
+++ b/lib/src/_shared/hooks/usePickerState.ts
@@ -45,7 +45,7 @@ export function usePickerState<TInput, TDateValue>(
 
   React.useEffect(() => {
     const parsedDateValue = valueManager.parseInput(utils, props);
-    setPickerDate(currentPickerDate => {
+    setPickerDate((currentPickerDate) => {
       if (!valueManager.areValuesEqual(utils, currentPickerDate, parsedDateValue)) {
         return parsedDateValue;
       }
diff --git a/lib/src/views/Calendar/Calendar.tsx b/lib/src/views/Calendar/Calendar.tsx
index 9ef18557b..52b1343e1 100644
--- a/lib/src/views/Calendar/Calendar.tsx
+++ b/lib/src/views/Calendar/Calendar.tsx
@@ -55,7 +55,7 @@ export interface CalendarProps extends ExportedCalendarProps {
 }
 
 const muiComponentConfig = { name: 'MuiPickersCalendar' };
-export const useStyles = makeStyles(theme => {
+export const useStyles = makeStyles((theme) => {
   const weeksContainerHeight = (DAY_SIZE + DAY_MARGIN * 4) * 6;
   return {
     root: {
@@ -156,7 +156,7 @@ export const Calendar: React.FC<CalendarProps> = withDefaultProps(
     const currentMonthNumber = utils.getMonth(currentMonth);
     const selectedDates = (Array.isArray(date) ? date : [date])
       .filter(Boolean)
-      .map(selectedDateItem => utils.startOfDay(selectedDateItem));
+      .map((selectedDateItem) => utils.startOfDay(selectedDateItem));
 
     return (
       <React.Fragment>
@@ -184,9 +184,9 @@ export const Calendar: React.FC<CalendarProps> = withDefaultProps(
             {...TransitionProps}
           >
             <div role="grid" className={classes.weekContainer}>
-              {utils.getWeekArray(currentMonth).map(week => (
+              {utils.getWeekArray(currentMonth).map((week) => (
                 <div role="row" key={`week-${week[0]}`} className={classes.week}>
-                  {week.map(day => {
+                  {week.map((day) => {
                     const disabled = isDateDisabled(day);
                     const isDayInCurrentMonth = utils.getMonth(day) === currentMonthNumber;
 
@@ -203,7 +203,7 @@ export const Calendar: React.FC<CalendarProps> = withDefaultProps(
                         utils.isSameDay(day, focusedDay),
                       today: utils.isSameDay(day, now),
                       inCurrentMonth: isDayInCurrentMonth,
-                      selected: selectedDates.some(selectedDate =>
+                      selected: selectedDates.some((selectedDate) =>
                         utils.isSameDay(selectedDate, day)
                       ),
                       disableHighlightToday,
diff --git a/lib/src/views/Calendar/CalendarHeader.tsx b/lib/src/views/Calendar/CalendarHeader.tsx
index 100a761b1..7e2615ee1 100644
--- a/lib/src/views/Calendar/CalendarHeader.tsx
+++ b/lib/src/views/Calendar/CalendarHeader.tsx
@@ -35,7 +35,7 @@ export interface CalendarHeaderProps
 }
 
 export const useStyles = makeStyles(
-  theme => ({
+  (theme) => ({
     root: {
       display: 'flex',
       alignItems: 'center',
@@ -115,7 +115,7 @@ export const CalendarHeader: React.SFC<CalendarHeaderProps> = ({
     }
 
     if (views.length === 2) {
-      changeView(views.find(view => view !== currentView) || views[0]);
+      changeView(views.find((view) => view !== currentView) || views[0]);
     } else {
       // switching only between first 2
       const nextIndexToOpen = views.indexOf(currentView) !== 0 ? 0 : 1;
diff --git a/lib/src/views/Calendar/Day.tsx b/lib/src/views/Calendar/Day.tsx
index d009c9edd..7831f8702 100644
--- a/lib/src/views/Calendar/Day.tsx
+++ b/lib/src/views/Calendar/Day.tsx
@@ -14,7 +14,7 @@ import { PickerSelectionState } from '../../_shared/hooks/usePickerState';
 const muiComponentConfig = { name: 'MuiPickersDay' };
 
 export const useStyles = makeStyles(
-  theme => ({
+  (theme) => ({
     root: {
       ...theme.typography.caption,
       width: DAY_SIZE,
diff --git a/lib/src/views/Calendar/FadeTransitionGroup.tsx b/lib/src/views/Calendar/FadeTransitionGroup.tsx
index 9c3c2f797..8f84eeda5 100644
--- a/lib/src/views/Calendar/FadeTransitionGroup.tsx
+++ b/lib/src/views/Calendar/FadeTransitionGroup.tsx
@@ -12,7 +12,7 @@ interface FadeTransitionProps {
 
 const animationDuration = 500;
 export const useStyles = makeStyles(
-  theme => {
+  (theme) => {
     return {
       root: {
         display: 'block',
@@ -63,7 +63,7 @@ export const FadeTransitionGroup: React.FC<FadeTransitionProps> = ({
   return (
     <TransitionGroup
       className={clsx(classes.root, className)}
-      childFactory={element =>
+      childFactory={(element) =>
         React.cloneElement(element, {
           classNames: transitionClasses,
         })
diff --git a/lib/src/views/Calendar/Month.tsx b/lib/src/views/Calendar/Month.tsx
index f4bf719d9..ad2b65350 100644
--- a/lib/src/views/Calendar/Month.tsx
+++ b/lib/src/views/Calendar/Month.tsx
@@ -13,7 +13,7 @@ export interface MonthProps {
 }
 
 export const useStyles = makeStyles(
-  theme => ({
+  (theme) => ({
     root: {
       flex: '1 0 33.33%',
       display: 'flex',
diff --git a/lib/src/views/Calendar/MonthSelection.tsx b/lib/src/views/Calendar/MonthSelection.tsx
index 1d5d6f045..997253678 100644
--- a/lib/src/views/Calendar/MonthSelection.tsx
+++ b/lib/src/views/Calendar/MonthSelection.tsx
@@ -73,7 +73,7 @@ export const MonthSelection: React.FC<MonthSelectionProps> = ({
 
   return (
     <div className={classes.root}>
-      {utils.getMonthArray(date).map(month => {
+      {utils.getMonthArray(date).map((month) => {
         const monthNumber = utils.getMonth(month);
         const monthText = utils.format(month, 'monthShort');
 
diff --git a/lib/src/views/Calendar/SlideTransition.tsx b/lib/src/views/Calendar/SlideTransition.tsx
index aff0c3962..1479fa4d6 100644
--- a/lib/src/views/Calendar/SlideTransition.tsx
+++ b/lib/src/views/Calendar/SlideTransition.tsx
@@ -15,7 +15,7 @@ export interface SlideTransitionProps extends Omit<CSSTransitionProps, 'timeout'
 
 export const slideAnimationDuration = 350;
 export const useStyles = makeStyles(
-  theme => {
+  (theme) => {
     const slideTransition = theme.transitions.create('transform', {
       duration: slideAnimationDuration,
       easing: 'cubic-bezier(0.35, 0.8, 0.4, 1)',
@@ -92,7 +92,7 @@ export const SlideTransition: React.SFC<SlideTransitionProps> = ({
   return (
     <TransitionGroup
       className={clsx(classes.root, className)}
-      childFactory={element =>
+      childFactory={(element) =>
         React.cloneElement(element, {
           classNames: transitionClasses,
         })
diff --git a/lib/src/views/Calendar/Year.tsx b/lib/src/views/Calendar/Year.tsx
index 307041dc4..0b65df0ef 100644
--- a/lib/src/views/Calendar/Year.tsx
+++ b/lib/src/views/Calendar/Year.tsx
@@ -18,7 +18,7 @@ export interface YearProps {
 }
 
 export const useStyles = makeStyles(
-  theme => ({
+  (theme) => ({
     root: {
       flexBasis: '33.3%',
       display: 'flex',
diff --git a/lib/src/views/Calendar/YearSelection.tsx b/lib/src/views/Calendar/YearSelection.tsx
index 6dd6dff94..80d25364f 100644
--- a/lib/src/views/Calendar/YearSelection.tsx
+++ b/lib/src/views/Calendar/YearSelection.tsx
@@ -132,7 +132,7 @@ export const YearSelection: React.FC<YearSelectionProps> = ({
 
   return (
     <div className={classes.root}>
-      {utils.getYearRange(minDate, maxDate).map(year => {
+      {utils.getYearRange(minDate, maxDate).map((year) => {
         const yearNumber = utils.getYear(year);
         const selected = yearNumber === currentYear;
 
diff --git a/lib/src/views/Clock/Clock.tsx b/lib/src/views/Clock/Clock.tsx
index b66b09dee..7d60d37ab 100644
--- a/lib/src/views/Clock/Clock.tsx
+++ b/lib/src/views/Clock/Clock.tsx
@@ -36,7 +36,7 @@ const muiComponentConfig = {
 };
 
 export const useStyles = makeStyles(
-  theme => ({
+  (theme) => ({
     root: {
       display: 'flex',
       justifyContent: 'center',
diff --git a/lib/src/views/Clock/ClockNumber.tsx b/lib/src/views/Clock/ClockNumber.tsx
index fe11e320c..e75bad8b1 100644
--- a/lib/src/views/Clock/ClockNumber.tsx
+++ b/lib/src/views/Clock/ClockNumber.tsx
@@ -45,7 +45,7 @@ export interface ClockNumberProps {
 }
 
 export const useStyles = makeStyles(
-  theme => {
+  (theme) => {
     const size = 32;
     const clockNumberColor =
       theme.palette.type === 'light' ? theme.palette.text.primary : theme.palette.text.secondary;
diff --git a/lib/src/views/Clock/ClockNumbers.tsx b/lib/src/views/Clock/ClockNumbers.tsx
index d54000355..1a7a29b4c 100644
--- a/lib/src/views/Clock/ClockNumbers.tsx
+++ b/lib/src/views/Clock/ClockNumbers.tsx
@@ -96,7 +96,7 @@ export const getMinutesNumbers = ({
       index={index + 1}
       disabled={isDisabled(numberValue)}
       selected={numberValue === value}
-      onSelect={isFinish => onChange(numberValue, isFinish)}
+      onSelect={(isFinish) => onChange(numberValue, isFinish)}
       getClockNumberText={getClockNumberText}
     />
   ));
diff --git a/lib/src/views/Clock/ClockView.tsx b/lib/src/views/Clock/ClockView.tsx
index a485457c5..96418e743 100644
--- a/lib/src/views/Clock/ClockView.tsx
+++ b/lib/src/views/Clock/ClockView.tsx
@@ -146,17 +146,17 @@ const _ClockView: React.FC<ClockViewProps> = ({
           const hoursWithMeridiem = convertValueToMeridiem(rawValue, meridiemMode, Boolean(ampm));
           return validateTimeValue((when: 'start' | 'end') =>
             pipe(
-              currentDate => utils.setHours(currentDate, hoursWithMeridiem),
-              dateWithHours => utils.setMinutes(dateWithHours, when === 'start' ? 0 : 59),
-              dateWithMinutes => utils.setSeconds(dateWithMinutes, when === 'start' ? 0 : 59)
+              (currentDate) => utils.setHours(currentDate, hoursWithMeridiem),
+              (dateWithHours) => utils.setMinutes(dateWithHours, when === 'start' ? 0 : 59),
+              (dateWithMinutes) => utils.setSeconds(dateWithMinutes, when === 'start' ? 0 : 59)
             )(date)
           );
 
         case 'minutes':
           return validateTimeValue((when: 'start' | 'end') =>
             pipe(
-              currentDate => utils.setMinutes(currentDate, rawValue),
-              dateWithMinutes => utils.setSeconds(dateWithMinutes, when === 'start' ? 0 : 59)
+              (currentDate) => utils.setMinutes(currentDate, rawValue),
+              (dateWithMinutes) => utils.setSeconds(dateWithMinutes, when === 'start' ? 0 : 59)
             )(date)
           );
 
@@ -194,7 +194,7 @@ const _ClockView: React.FC<ClockViewProps> = ({
             ampm: Boolean(ampm),
             onChange: handleHoursChange,
             getClockNumberText: getHoursClockNumberText,
-            isDisabled: value => isTimeDisabled(value, 'hours'),
+            isDisabled: (value) => isTimeDisabled(value, 'hours'),
           }),
         };
 
@@ -212,7 +212,7 @@ const _ClockView: React.FC<ClockViewProps> = ({
             value: minutesValue,
             onChange: handleMinutesChange,
             getClockNumberText: getMinutesClockNumberText,
-            isDisabled: value => isTimeDisabled(value, 'minutes'),
+            isDisabled: (value) => isTimeDisabled(value, 'minutes'),
           }),
         };
 
@@ -230,7 +230,7 @@ const _ClockView: React.FC<ClockViewProps> = ({
             value: secondsValue,
             onChange: handleSecondsChange,
             getClockNumberText: getSecondsClockNumberText,
-            isDisabled: value => isTimeDisabled(value, 'seconds'),
+            isDisabled: (value) => isTimeDisabled(value, 'seconds'),
           }),
         };
 
diff --git a/lib/src/wrappers/StaticWrapper.tsx b/lib/src/wrappers/StaticWrapper.tsx
index e37f83e97..b3f57dd1c 100644
--- a/lib/src/wrappers/StaticWrapper.tsx
+++ b/lib/src/wrappers/StaticWrapper.tsx
@@ -4,7 +4,7 @@ import { DIALOG_WIDTH } from '../constants/dimensions';
 import { WrapperVariantContext, IsStaticVariantContext } from './WrapperVariantContext';
 
 const useStyles = makeStyles(
-  theme => ({
+  (theme) => ({
     root: {
       overflow: 'hidden',
       minWidth: DIALOG_WIDTH,
diff --git a/package.json b/package.json
index 99d7d37e2..50bf36353 100644
--- a/package.json
+++ b/package.json
@@ -37,7 +37,7 @@
     "@percy/cypress": "^2.3.1",
     "@testing-library/cypress": "^6.0.0",
     "@testing-library/dom": "^7.18.1",
-    "@testing-library/react": "^10.0.4",
+    "@testing-library/react": "^10.4.7",
     "@typescript-eslint/eslint-plugin": "^1.6.0",
     "@typescript-eslint/parser": "^1.6.0",
     "babel-loader": "^8.1.0",
@@ -50,9 +50,9 @@
     "eslint-plugin-react": "^7.19.0",
     "eslint-plugin-react-hooks": "^4.0.5",
     "husky": "^4.2.5",
-    "lint-staged": "^10.2.9",
-    "prettier": "^1.14.3",
-    "wait-on": "^4.0.0"
+    "lint-staged": "^10.2.11",
+    "prettier": "^2.0.5",
+    "wait-on": "^5.1.0"
   },
   "husky": {
     "hooks": {
diff --git a/yarn.lock b/yarn.lock
index 13c06730e..5c2327129 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,7 +2,7 @@
 # yarn lockfile v1
 
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.1", "@babel/code-frame@^7.8.3":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.8.3":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.10.1.tgz#d5481c5095daa1c57e16e54c6f9198443afb49ff"
   integrity sha512-IGhtTmpjGbYzcEDOw7DcQtbQSXcG9ftmAXtWTu9V936vDye4xjjekktFAtgZsWpzTj/X01jocB46mTywm/4SZw==
@@ -87,17 +87,7 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
-"@babel/generator@^7.1.2", "@babel/generator@^7.4.4", "@babel/generator@^7.6.2", "@babel/generator@^7.9.6":
-  version "7.9.6"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.9.6.tgz#5408c82ac5de98cda0d77d8124e99fa1f2170a43"
-  integrity sha512-+htwWKJbH2bL72HRluF8zumBxzuX0ZZUFl3JLNyoUjM/Ho8wnVpPXM6aUz8cfKDqQ/h7zHqKt4xzJteUosckqQ==
-  dependencies:
-    "@babel/types" "^7.9.6"
-    jsesc "^2.5.1"
-    lodash "^4.17.13"
-    source-map "^0.5.0"
-
-"@babel/generator@^7.10.3":
+"@babel/generator@^7.1.2", "@babel/generator@^7.10.3", "@babel/generator@^7.4.4", "@babel/generator@^7.6.2", "@babel/generator@^7.9.6":
   version "7.10.3"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.10.3.tgz#32b9a0d963a71d7a54f5f6c15659c3dbc2a523a5"
   integrity sha512-drt8MUHbEqRzNR0xnF8nMehbY11b1SDkRw03PSNH/3Rb2Z35oxkddVSi3rcaak0YJQ86PCuE7Qx1jSFhbLNBMA==
@@ -429,7 +419,7 @@
     resolve "^1.13.1"
     v8flags "^3.1.1"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.1.2", "@babel/parser@^7.10.1", "@babel/parser@^7.4.5", "@babel/parser@^7.9.6":
+"@babel/parser@^7.1.0", "@babel/parser@^7.1.2", "@babel/parser@^7.4.5", "@babel/parser@^7.9.6":
   version "7.10.2"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.10.2.tgz#871807f10442b92ff97e4783b9b54f6a0ca812d0"
   integrity sha512-PApSXlNMJyB4JiGVhCOlzKIif+TKFTvu0aQAhnTvfP/z3vVSN6ZypH5bfUNwFXXjRQtUEBNFd2PtmCmG2Py3qQ==
@@ -1285,16 +1275,7 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/template@^7.1.2", "@babel/template@^7.3.3", "@babel/template@^7.4.4", "@babel/template@^7.6.0", "@babel/template@^7.8.3", "@babel/template@^7.8.6":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.10.1.tgz#e167154a94cb5f14b28dc58f5356d2162f539811"
-  integrity sha512-OQDg6SqvFSsc9A0ej6SKINWrpJiNonRIniYondK2ViKhB06i3c0s+76XUft71iqBEe9S1OKsHwPAjfHnuvnCig==
-  dependencies:
-    "@babel/code-frame" "^7.10.1"
-    "@babel/parser" "^7.10.1"
-    "@babel/types" "^7.10.1"
-
-"@babel/template@^7.10.1", "@babel/template@^7.10.3":
+"@babel/template@^7.1.2", "@babel/template@^7.10.1", "@babel/template@^7.10.3", "@babel/template@^7.3.3", "@babel/template@^7.4.4", "@babel/template@^7.6.0", "@babel/template@^7.8.3", "@babel/template@^7.8.6":
   version "7.10.3"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.10.3.tgz#4d13bc8e30bf95b0ce9d175d30306f42a2c9a7b8"
   integrity sha512-5BjI4gdtD+9fHZUsaxPHPNpwa+xRkDO7c7JbhYn2afvrkDu5SfAAbi9AIMXw2xEhO/BR35TqiW97IqNvCo/GqA==
@@ -1342,16 +1323,7 @@
     lodash "^4.17.13"
     to-fast-properties "^2.0.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.1.2", "@babel/types@^7.10.1", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4", "@babel/types@^7.6.1", "@babel/types@^7.8.3", "@babel/types@^7.9.0", "@babel/types@^7.9.5", "@babel/types@^7.9.6":
-  version "7.10.2"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.10.2.tgz#30283be31cad0dbf6fb00bd40641ca0ea675172d"
-  integrity sha512-AD3AwWBSz0AWF0AkCN9VPiWrvldXq+/e3cHa4J89vo4ymjz1XwrBFFVZmkJTsQIPNk+ZVomPSXUJqq8yyjZsng==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.10.1"
-    lodash "^4.17.13"
-    to-fast-properties "^2.0.0"
-
-"@babel/types@^7.10.3":
+"@babel/types@^7.0.0", "@babel/types@^7.1.2", "@babel/types@^7.10.1", "@babel/types@^7.10.3", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4", "@babel/types@^7.6.1", "@babel/types@^7.8.3", "@babel/types@^7.9.0", "@babel/types@^7.9.5", "@babel/types@^7.9.6":
   version "7.10.3"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.10.3.tgz#6535e3b79fea86a6b09e012ea8528f935099de8e"
   integrity sha512-nZxaJhBXBQ8HVoIcGsf9qWep3Oh3jCENK54V4mRF7qaJabVsAYdbTtmSD8WmAp1R6ytPiu5apMwSXyxB1WlaBA==
@@ -1539,43 +1511,45 @@
   resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.8.0.tgz#bbbff68978fefdbe68ccb533bc8cbe1d1afb5413"
   integrity sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==
 
-"@hapi/address@^2.1.2":
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/@hapi/address/-/address-2.1.4.tgz#5d67ed43f3fd41a69d4b9ff7b56e7c0d1d0a81e5"
-  integrity sha512-QD1PhQk+s31P1ixsX0H0Suoupp3VMXzIVMSwobR3F3MSUO2YCV0B7xqLcUw/Bh8yuvd3LhpyqLQWTNcRmp6IdQ==
+"@hapi/address@^4.0.1":
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/@hapi/address/-/address-4.1.0.tgz#d60c5c0d930e77456fdcde2598e77302e2955e1d"
+  integrity sha512-SkszZf13HVgGmChdHo/PxchnSaCJ6cetVqLzyciudzZRT0jcOouIF/Q93mgjw8cce+D+4F4C1Z/WrfFN+O3VHQ==
+  dependencies:
+    "@hapi/hoek" "^9.0.0"
 
-"@hapi/formula@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@hapi/formula/-/formula-1.2.0.tgz#994649c7fea1a90b91a0a1e6d983523f680e10cd"
-  integrity sha512-UFbtbGPjstz0eWHb+ga/GM3Z9EzqKXFWIbSOFURU0A/Gku0Bky4bCk9/h//K2Xr3IrCfjFNhMm4jyZ5dbCewGA==
-
-"@hapi/hoek@^8.2.4", "@hapi/hoek@^8.3.0":
-  version "8.5.0"
-  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-8.5.0.tgz#2f9ce301c8898e1c3248b0a8564696b24d1a9a5a"
-  integrity sha512-7XYT10CZfPsH7j9F1Jmg1+d0ezOux2oM2GfArAzLwWe4mE2Dr3hVjsAL6+TFY49RRJlCdJDMw3nJsLFroTc8Kw==
-
-"@hapi/joi@^16.1.8":
-  version "16.1.8"
-  resolved "https://registry.yarnpkg.com/@hapi/joi/-/joi-16.1.8.tgz#84c1f126269489871ad4e2decc786e0adef06839"
-  integrity sha512-wAsVvTPe+FwSrsAurNt5vkg3zo+TblvC5Bb1zMVK6SJzZqw9UrJnexxR+76cpePmtUZKHAPxcQ2Bf7oVHyahhg==
-  dependencies:
-    "@hapi/address" "^2.1.2"
-    "@hapi/formula" "^1.2.0"
-    "@hapi/hoek" "^8.2.4"
-    "@hapi/pinpoint" "^1.0.2"
-    "@hapi/topo" "^3.1.3"
-
-"@hapi/pinpoint@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@hapi/pinpoint/-/pinpoint-1.0.2.tgz#025b7a36dbbf4d35bf1acd071c26b20ef41e0d13"
-  integrity sha512-dtXC/WkZBfC5vxscazuiJ6iq4j9oNx1SHknmIr8hofarpKUZKmlUVYVIhNVzIEgK5Wrc4GMHL5lZtt1uS2flmQ==
+"@hapi/formula@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@hapi/formula/-/formula-2.0.0.tgz#edade0619ed58c8e4f164f233cda70211e787128"
+  integrity sha512-V87P8fv7PI0LH7LiVi8Lkf3x+KCO7pQozXRssAHNXXL9L1K+uyu4XypLXwxqVDKgyQai6qj3/KteNlrqDx4W5A==
+
+"@hapi/hoek@^9.0.0":
+  version "9.0.4"
+  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-9.0.4.tgz#e80ad4e8e8d2adc6c77d985f698447e8628b6010"
+  integrity sha512-EwaJS7RjoXUZ2cXXKZZxZqieGtc7RbvQhUy8FwDoMQtxWVi14tFjeFCYPZAM1mBCpOpiBpyaZbb9NeHc7eGKgw==
 
-"@hapi/topo@^3.1.3":
-  version "3.1.6"
-  resolved "https://registry.yarnpkg.com/@hapi/topo/-/topo-3.1.6.tgz#68d935fa3eae7fdd5ab0d7f953f3205d8b2bfc29"
-  integrity sha512-tAag0jEcjwH+P2quUfipd7liWCNX2F8NvYjQp2wtInsZxnMlypdw0FtAOLxtvvkO+GSRRbmNi8m/5y42PQJYCQ==
+"@hapi/joi@^17.1.1":
+  version "17.1.1"
+  resolved "https://registry.yarnpkg.com/@hapi/joi/-/joi-17.1.1.tgz#9cc8d7e2c2213d1e46708c6260184b447c661350"
+  integrity sha512-p4DKeZAoeZW4g3u7ZeRo+vCDuSDgSvtsB/NpfjXEHTUjSeINAi/RrVOWiVQ1isaoLzMvFEhe8n5065mQq1AdQg==
   dependencies:
-    "@hapi/hoek" "^8.3.0"
+    "@hapi/address" "^4.0.1"
+    "@hapi/formula" "^2.0.0"
+    "@hapi/hoek" "^9.0.0"
+    "@hapi/pinpoint" "^2.0.0"
+    "@hapi/topo" "^5.0.0"
+
+"@hapi/pinpoint@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@hapi/pinpoint/-/pinpoint-2.0.0.tgz#805b40d4dbec04fc116a73089494e00f073de8df"
+  integrity sha512-vzXR5MY7n4XeIvLpfl3HtE3coZYO4raKXW766R6DZw/6aLqR26iuZ109K7a0NtF2Db0jxqh7xz2AxkUwpUFybw==
+
+"@hapi/topo@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@hapi/topo/-/topo-5.0.0.tgz#c19af8577fa393a06e9c77b60995af959be721e7"
+  integrity sha512-tFJlT47db0kMqVm3H4nQYgn6Pwg10GTZHb1pwmSiv1K4ks6drQOtfEF5ZnPjkvC+y4/bUPHK+bc87QvLcL+WMw==
+  dependencies:
+    "@hapi/hoek" "^9.0.0"
 
 "@istanbuljs/load-nyc-config@^1.0.0":
   version "1.1.0"
@@ -2178,14 +2152,15 @@
     "@testing-library/dom" "^7.0.2"
     "@types/testing-library__cypress" "^5.0.3"
 
-"@testing-library/dom@^7.0.2", "@testing-library/dom@^7.18.1", "@testing-library/dom@^7.2.2":
-  version "7.18.1"
-  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-7.18.1.tgz#c49530410fb184522b3b59c4f9cd6397dc5b462d"
-  integrity sha512-tGq4KAFjaI7j375sMM1RRVleWA0viJWs/w69B+nyDkqYLNkhdTHdV6mGkspJlkn3PUfyBDi3rERDv4PA/LrpVA==
+"@testing-library/dom@^7.0.2", "@testing-library/dom@^7.17.1", "@testing-library/dom@^7.18.1":
+  version "7.21.1"
+  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-7.21.1.tgz#c59f50fddc33db34547a7860f969dbede110623d"
+  integrity sha512-BVFZeCtZ4cbFqOr/T8rS8q8tfK998SZeC0VcBUGBp3uEr2NVjPaImnzHPJWUx3A+JQqT01aG60SZ7kuyuZCZUQ==
   dependencies:
     "@babel/runtime" "^7.10.3"
+    "@types/aria-query" "^4.2.0"
     aria-query "^4.2.2"
-    dom-accessibility-api "^0.4.5"
+    dom-accessibility-api "^0.4.6"
     pretty-format "^25.5.0"
 
 "@testing-library/jest-dom@^5.11.0":
@@ -2204,14 +2179,13 @@
     lodash "^4.17.15"
     redent "^3.0.0"
 
-"@testing-library/react@^10.0.4":
-  version "10.0.4"
-  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-10.0.4.tgz#8e0e299cd91acc626d81ed8489fdc13df864c31d"
-  integrity sha512-2e1B5debfuiIGbvUuiSXybskuh7ZTVJDDvG/IxlzLOY9Co/mKFj9hIklAe2nGZYcOUxFaiqWrRZ9vCVGzJfRlQ==
+"@testing-library/react@^10.4.7":
+  version "10.4.7"
+  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-10.4.7.tgz#fc14847fb70a5e93576b8f7f0d1490ead02a9061"
+  integrity sha512-hUYbum3X2f1ZKusKfPaooKNYqE/GtPiQ+D2HJaJ4pkxeNJQFVUEvAvEh9+3QuLdBeTWkDMNY5NSijc5+pGdM4Q==
   dependencies:
-    "@babel/runtime" "^7.9.6"
-    "@testing-library/dom" "^7.2.2"
-    "@types/testing-library__react" "^10.0.1"
+    "@babel/runtime" "^7.10.3"
+    "@testing-library/dom" "^7.17.1"
 
 "@tootallnate/once@1":
   version "1.0.0"
@@ -2223,6 +2197,11 @@
   resolved "https://registry.yarnpkg.com/@types/anymatch/-/anymatch-1.3.1.tgz#336badc1beecb9dacc38bea2cf32adf627a8421a"
   integrity sha512-/+CRPXpBDpo2RK9C68N3b2cOvO0Cf5B9aPijHsoDQTHivnGSObdOF2BRQOYjojWTDy6nQvMjmqRXIxH55VjxxA==
 
+"@types/aria-query@^4.2.0":
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-4.2.0.tgz#14264692a9d6e2fa4db3df5e56e94b5e25647ac0"
+  integrity sha512-iIgQNzCm0v7QMhhe4Jjn9uRh+I6GoPmt03CbEtwx3ao8/EfoQcmgtqH4vQ5Db/lxiIGaWDv6nwvunuh0RyX0+A==
+
 "@types/babel__core@^7.0.0":
   version "7.1.9"
   resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.9.tgz#77e59d438522a6fb898fa43dc3455c6e72f3963d"
@@ -2314,10 +2293,10 @@
   resolved "https://registry.yarnpkg.com/@types/events/-/events-3.0.0.tgz#2862f3f58a9a7f7c3e78d79f130dd4d71c25c2a7"
   integrity sha512-EaObqwIvayI5a8dCzhFrjKzVwKLxjoG9T6Ppd5CEo07LRKfQ8Yokw54r5+Wq7FaBQ+yXRvQAYPrHwya1/UFt9g==
 
-"@types/fs-extra@^8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@types/fs-extra/-/fs-extra-8.1.0.tgz#1114834b53c3914806cd03b3304b37b3bd221a4d"
-  integrity sha512-UoOfVEzAUpeSPmjm7h1uk5MH6KZma2z2O7a75onTGjnNvAvMVrPzPL/vBbT65iIGHWj6rokwfmYcmxmlSf2uwg==
+"@types/fs-extra@^9.0.1":
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/@types/fs-extra/-/fs-extra-9.0.1.tgz#91c8fc4c51f6d5dbe44c2ca9ab09310bd00c7918"
+  integrity sha512-B42Sxuaz09MhC3DDeW5kubRcQ5by4iuVQ0cRRWM2lggLzAa/KVom0Aft/208NgMvNQQZ86s5rVcqDdn/SH0/mg==
   dependencies:
     "@types/node" "*"
 
@@ -2459,7 +2438,7 @@
   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.3.tgz#2ab0d5da2e5815f94b0b9d4b95d1e5f243ab2ca7"
   integrity sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw==
 
-"@types/react-dom@*", "@types/react-dom@^16.9.8":
+"@types/react-dom@^16.9.8":
   version "16.9.8"
   resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.9.8.tgz#fe4c1e11dfc67155733dfa6aa65108b4971cb423"
   integrity sha512-ykkPQ+5nFknnlU6lDd947WbQ6TE3NNzbQAkInC2EKY1qeYdTKp7onFusmYZb+ityzx2YviqT6BXSu+LyWWJwcA==
@@ -2557,15 +2536,6 @@
   dependencies:
     "@types/jest" "*"
 
-"@types/testing-library__react@^10.0.1":
-  version "10.0.1"
-  resolved "https://registry.yarnpkg.com/@types/testing-library__react/-/testing-library__react-10.0.1.tgz#92bb4a02394bf44428e35f1da2970ed77f803593"
-  integrity sha512-RbDwmActAckbujLZeVO/daSfdL1pnjVqas25UueOkAY5r7vriavWf0Zqg7ghXMHa8ycD/kLkv8QOj31LmSYwww==
-  dependencies:
-    "@types/react-dom" "*"
-    "@types/testing-library__dom" "*"
-    pretty-format "^25.1.0"
-
 "@types/uglify-js@*":
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.0.4.tgz#96beae23df6f561862a830b4288a49e86baac082"
@@ -3542,7 +3512,7 @@ axios@^0.18.1:
     follow-redirects "1.5.10"
     is-buffer "^2.0.2"
 
-axios@^0.19.0:
+axios@^0.19.0, axios@^0.19.2:
   version "0.19.2"
   resolved "https://registry.yarnpkg.com/axios/-/axios-0.19.2.tgz#3ea36c5d8818d0d5f8a8a97a6d36b86cdc00cb27"
   integrity sha512-fjgm5MvRHLhx+osE2xoekY70AhARk3a6hkN+3Io1jc00jtquGvxYlKlsFUhmUET0V5te6CcZI7lcv2Ym61mjHA==
@@ -3651,16 +3621,17 @@ babel-plugin-module-resolver@^4.0.0:
     reselect "^4.0.0"
     resolve "^1.13.1"
 
-babel-plugin-optimize-clsx@^2.6.0:
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-optimize-clsx/-/babel-plugin-optimize-clsx-2.6.0.tgz#ae0b9db19565ab0355607c9d58e23e73025e53f1"
-  integrity sha512-FizJqgyoj8EG3Y3F+BLxB+0rxDb9AFfh826ob4e70SXMxOcmibpi/8RiEHQ2FbGt/2PF6k2128dZ1xVQ4f1JNA==
+babel-plugin-optimize-clsx@^2.6.1:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-optimize-clsx/-/babel-plugin-optimize-clsx-2.6.1.tgz#2c9b58811bb86553beedd03b69486d370700a7f5"
+  integrity sha512-uPatuZ4FhqsQ23IhoZNOVoVLCFYBvIwVgWJ4WdUbwaZvsooitwbbwwtQxQHljUiCpMEZGkVln/OLMIdwrlCs1g==
   dependencies:
     "@babel/generator" "^7.6.2"
     "@babel/template" "^7.6.0"
     "@babel/types" "^7.6.1"
+    find-cache-dir "^3.2.0"
     lodash "^4.17.15"
-    object-hash "^1.3.1"
+    object-hash "^2.0.3"
 
 babel-plugin-react-remove-properties@^0.3.0:
   version "0.3.0"
@@ -4571,10 +4542,10 @@ code-point-at@^1.0.0:
   resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
   integrity sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=
 
-codecov@^3.6.5:
-  version "3.6.5"
-  resolved "https://registry.yarnpkg.com/codecov/-/codecov-3.6.5.tgz#d73ce62e8a021f5249f54b073e6f2d6a513f172a"
-  integrity sha512-v48WuDMUug6JXwmmfsMzhCHRnhUf8O3duqXvltaYJKrO1OekZWpB/eH6iIoaxMl8Qli0+u3OxptdsBOYiD7VAQ==
+codecov@^3.7.1:
+  version "3.7.1"
+  resolved "https://registry.yarnpkg.com/codecov/-/codecov-3.7.1.tgz#434cb8d55f18ef01672e5739d3d266696bebc202"
+  integrity sha512-JHWxyPTkMLLJn9SmKJnwAnvY09kg2Os2+Ux+GG7LwZ9g8gzDDISpIN5wAsH1UBaafA/yGcd3KofMaorE8qd6Lw==
   dependencies:
     argv "0.0.2"
     ignore-walk "3.0.3"
@@ -5456,10 +5427,10 @@ doctrine@^3.0.0:
   dependencies:
     esutils "^2.0.2"
 
-dom-accessibility-api@^0.4.5:
-  version "0.4.5"
-  resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.4.5.tgz#d9c1cefa89f509d8cf132ab5d250004d755e76e3"
-  integrity sha512-HcPDilI95nKztbVikaN2vzwvmv0sE8Y2ZJFODy/m15n7mGXLeOKGiys9qWVbFbh+aq/KYj2lqMLybBOkYAEXqg==
+dom-accessibility-api@^0.4.6:
+  version "0.4.6"
+  resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.4.6.tgz#f3f2af68aee01b1c862f37918d41841bb1aaf92a"
+  integrity sha512-qxFVFR/ymtfamEQT/AsYLe048sitxFCoCHiM+vuOdR3fE94i3so2SCFJxyz/RxV69PZ+9FgToYWOd7eqJqcbYw==
 
 dom-helpers@^5.0.1:
   version "5.1.4"
@@ -8370,7 +8341,7 @@ js-tokens@^3.0.2:
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b"
   integrity sha1-mGbfOVECEw449/mWvOtlRDIJwls=
 
-js-yaml@3.13.1, js-yaml@^3.13.0:
+js-yaml@3.13.1:
   version "3.13.1"
   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.13.1.tgz#aff151b30bfdfa8e49e05da22e7415e9dfa37847"
   integrity sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==
@@ -8378,7 +8349,7 @@ js-yaml@3.13.1, js-yaml@^3.13.0:
     argparse "^1.0.7"
     esprima "^4.0.0"
 
-js-yaml@3.14.0, js-yaml@^3.13.1:
+js-yaml@3.14.0, js-yaml@^3.13.0, js-yaml@^3.13.1:
   version "3.14.0"
   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.0.tgz#a7a34170f26a21bb162424d8adacb4113a69e482"
   integrity sha512-/4IbIeHcD9VMHFqDR/gQ7EdZdLimOvW2DdcxFjdyyZ9NsbS+ccrXqVWDtab/lRl5AlUqmpBx8EhPaWR+OtY17A==
@@ -8717,10 +8688,10 @@ lines-and-columns@^1.1.6:
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
   integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
 
-lint-staged@^10.2.9:
-  version "10.2.9"
-  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-10.2.9.tgz#6013ecfa80829cd422446b545fd30a96bca3098c"
-  integrity sha512-ziRAuXEqvJLSXg43ezBpHxRW8FOJCXISaXU//BWrxRrp5cBdRkIx7g5IsB3OI45xYGE0S6cOacfekSjDyDKF2g==
+lint-staged@^10.2.11:
+  version "10.2.11"
+  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-10.2.11.tgz#713c80877f2dc8b609b05bc59020234e766c9720"
+  integrity sha512-LRRrSogzbixYaZItE2APaS4l2eJMjjf5MbclRZpLJtcQJShcvUzKXsNeZgsLIZ0H0+fg2tL4B59fU9wHIHtFIA==
   dependencies:
     chalk "^4.0.0"
     cli-truncate "2.1.0"
@@ -8950,11 +8921,16 @@ lodash.unescape@4.0.1:
   resolved "https://registry.yarnpkg.com/lodash.unescape/-/lodash.unescape-4.0.1.tgz#bf2249886ce514cda112fae9218cdc065211fc9c"
   integrity sha1-vyJJiGzlFM2hEvrpIYzcBlIR/Jw=
 
-lodash@4.17.15, lodash@^4.15.0, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.12, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.4:
+lodash@4.17.15:
   version "4.17.15"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
   integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
 
+lodash@^4.15.0, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.12, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.4:
+  version "4.17.19"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.19.tgz#e48ddedbe30b3321783c5b4301fbd353bc1e4a4b"
+  integrity sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==
+
 log-symbols@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-3.0.0.tgz#f3a08516a5dea893336a7dee14d18a1cfdab77c4"
@@ -9934,10 +9910,10 @@ object-copy@^0.1.0:
     define-property "^0.2.5"
     kind-of "^3.0.3"
 
-object-hash@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-1.3.1.tgz#fde452098a951cb145f039bb7d455449ddc126df"
-  integrity sha512-OSuu/pU4ENM9kmREg0BdNrUDIl1heYa4mBZacJc+vVWz4GtAwu7jO8s4AIt2aGRUTqxykpWzI3Oqnsm13tTMDA==
+object-hash@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-2.0.3.tgz#d12db044e03cd2ca3d77c0570d87225b02e1e6ea"
+  integrity sha512-JPKn0GMu+Fa3zt3Bmr66JhokJU5BaNBIh4ZeTlaCBzrBsOeXzwcKKAK1tbLiPKgvwmPXsDvvLHoWh5Bm7ofIYg==
 
 object-inspect@^1.7.0:
   version "1.7.0"
@@ -10644,10 +10620,10 @@ prelude-ls@~1.1.2:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
   integrity sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=
 
-prettier@^1.14.3:
-  version "1.19.1"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
-  integrity sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==
+prettier@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.0.5.tgz#d6d56282455243f2f92cc1716692c08aa31522d4"
+  integrity sha512-7PtVymN48hGcO4fGjybyBSIWDsLU4H4XlvOHfq91pz9kkGlonzwTfYkaIEwiRg/dAJF9YlbsduBAgtYLi+8cFg==
 
 pretty-bytes@5.3.0:
   version "5.3.0"
@@ -11370,7 +11346,7 @@ request-promise@^4.2.2:
     stealthy-require "^1.1.1"
     tough-cookie "^2.3.3"
 
-request@^2.87.0, request@^2.88.0, request@^2.88.2:
+request@^2.87.0, request@^2.88.2:
   version "2.88.2"
   resolved "https://registry.yarnpkg.com/request/-/request-2.88.2.tgz#d73c918731cb5a87da047e207234146f664d12b3"
   integrity sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==
@@ -11609,7 +11585,7 @@ run-queue@^1.0.0, run-queue@^1.0.3:
   dependencies:
     aproba "^1.1.1"
 
-rxjs@^6.3.3, rxjs@^6.4.0, rxjs@^6.5.4, rxjs@^6.5.5:
+rxjs@^6.3.3, rxjs@^6.4.0, rxjs@^6.5.5:
   version "6.5.5"
   resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.5.5.tgz#c5c884e3094c8cfee31bf27eb87e54ccfc87f9ec"
   integrity sha512-WfQI+1gohdf0Dai/Bbmk5L5ItH5tYqm3ki2c5GdWhKjalzjg93N3avFjVStyZZz+A2Em+ZxKH5bNghw9UeylGQ==
@@ -13408,17 +13384,16 @@ w3c-xmlserializer@^2.0.0:
   dependencies:
     xml-name-validator "^3.0.0"
 
-wait-on@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/wait-on/-/wait-on-4.0.0.tgz#4d7e4485ca759968897fd3b0cc50720c0b4ca959"
-  integrity sha512-QrW3J8LzS5ADPfD9Rx5S6KJck66xkqyiFKQs9jmUTkIhiEOmkzU7WRZc+MjsnmkrgjitS2xQ4bb13hnlQnKBUQ==
+wait-on@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/wait-on/-/wait-on-5.1.0.tgz#b697f21c6fea0908b9c7ad6ed56ace4736768b66"
+  integrity sha512-JM0kgaE+V0nCDvSl72iM05W8NDt2E2M56WC5mzR7M+T+k6xjt2yYpyom+xA8RasSunFGzbxIpAXbVzXqtweAnA==
   dependencies:
-    "@hapi/joi" "^16.1.8"
-    lodash "^4.17.15"
-    minimist "^1.2.0"
-    request "^2.88.0"
-    request-promise-native "^1.0.8"
-    rxjs "^6.5.4"
+    "@hapi/joi" "^17.1.1"
+    axios "^0.19.2"
+    lodash "^4.17.19"
+    minimist "^1.2.5"
+    rxjs "^6.5.5"
 
 walk@^2.3.14:
   version "2.3.14"