Fix docs datepickers imports

Author: Hyperkid123

packages/react-renderer-demo/package.json

@@ -39,6 +39,7 @@
         "@mui/icons-material": "^5.2.5",
         "@mui/material": "^5.2.8",
         "@mui/styles": "^5.2.3",
+        "@mui/x-date-pickers": "^5.0.0-beta.0",
         "@next/bundle-analyzer": "^12.1.0",
         "@next/mdx": "^12.0.1",
         "@rvsia/next-offline": "^5.0.5",

packages/react-renderer-demo/src/examples/components/conditions/is-function.js

@@ -6,8 +6,8 @@ import DatePicker from '@data-driven-forms/mui-component-mapper/date-picker';
 import PlainText from '@data-driven-forms/mui-component-mapper/plain-text';
 import FormTemplate from '@data-driven-forms/mui-component-mapper/form-template';
 
-import LocalizationProvider from '@mui/x-date-pickers/LocalizationProvider';
-import AdapterDateFns from '@mui/x-date-pickers/AdapterDateFns';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 
 const calculateAge = (birthday) => {
   let ageDifMs = Date.now() - birthday;

packages/react-renderer-demo/src/stackblitz-templates/mui-templates.js

@@ -14,8 +14,8 @@ import { render } from 'react-dom';
 import FormRenderer from '@data-driven-forms/react-form-renderer/form-renderer';
 import FormTemplate from '@data-driven-forms/mui-component-mapper/form-template';
 import componentMapper from '@data-driven-forms/mui-component-mapper/component-mapper';
-import LocalizationProvider from '@mui/x-date-pickers/LocalizationProvider';
-import AdapterDateFns from '@mui/x-date-pickers/AdapterDateFns';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 
 import schema from './schema'