imrpove datepicker imports

material-table-core · May 1, 2022 · 8dea31c · 8dea31c
1 parent 151684a
commit 8dea31c
Show file tree

Hide file tree

Showing 8 changed files with 2 additions and 65 deletions.
diff --git a/babel.config.js b/babel.config.js
@@ -27,15 +27,6 @@ module.exports = {
       },
       '@mui/material'
     ],
-    [
-      'import',
-      {
-        camel2DashComponentName: false,
-        libraryDirectory: '',
-        libraryName: '@mui/lab'
-      },
-      '@mui/lab'
-    ],
     [
       'import',
       {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -112,7 +112,6 @@
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
     "@mui/icons-material": ">=5.0.0",
-    "@mui/lab": ">=5.0.0-alpha.61",
     "@mui/material": ">=5.0.0",
     "@mui/x-date-pickers": "^5.0.0-alpha.2",
     "classnames": "^2.2.6",

diff --git a/src/components/MTableEditField/DateField.js b/src/components/MTableEditField/DateField.js
@@ -1,8 +1,7 @@
 import React from 'react';
-import DateFnsUtils from '@date-io/date-fns';
+import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 import { TextField } from '@mui/material';
 import { LocalizationProvider, DatePicker } from '@mui/x-date-pickers';
-import '@mui/lab';
 
 function DateField({
   columnDef,
@@ -33,7 +32,7 @@ function DateField({
   const datePickerProps = getProps();
 
   return (
-    <LocalizationProvider dateAdapter={DateFnsUtils} locale={locale}>
+    <LocalizationProvider dateAdapter={AdapterDateFns} locale={locale}>
       <DatePicker
         {...datePickerProps}
         ref={forwardedRef}

diff --git a/src/components/MTableEditField/DateTimeField.js b/src/components/MTableEditField/DateTimeField.js
@@ -1,7 +1,6 @@
 import React from 'react';
 import DateFnsUtils from '@date-io/date-fns';
 import { LocalizationProvider, DateTimePicker } from '@mui/x-date-pickers';
-import '@mui/lab';
 
 function DateTimeField({ forwardedRef, ...props }) {
   return (

diff --git a/src/components/MTableEditField/TimeField.js b/src/components/MTableEditField/TimeField.js
@@ -1,7 +1,6 @@
 import React from 'react';
 import DateFnsUtils from '@date-io/date-fns';
 import { LocalizationProvider, TimePicker } from '@mui/x-date-pickers';
-import '@mui/lab';
 
 function TimeField({ forwardedRef, ...props }) {
   return (

diff --git a/src/components/MTableFilterRow/DateFilter.js b/src/components/MTableFilterRow/DateFilter.js
@@ -8,7 +8,6 @@ import {
   TimePicker,
   LocalizationProvider
 } from '@mui/x-date-pickers';
-import '@mui/lab';
 
 function DateFilter({
   columnDef,

diff --git a/src/components/m-table-edit-field.js b/src/components/m-table-edit-field.js
@@ -14,7 +14,6 @@ import {
   DatePicker,
   DateTimePicker
 } from '@mui/x-date-pickers';
-import '@mui/lab';
 import PropTypes from 'prop-types';
 
 class MTableEditField extends React.Component {