From 77758e4701be62fd603b2754e74d807dcf494abe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Dudak?= <michal@dudak.me>
Date: Tue, 11 Oct 2022 11:06:03 +0200
Subject: [PATCH] [docs] Revert #34541 (#34700)

---
 docs/src/components/home/Hero.tsx | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/docs/src/components/home/Hero.tsx b/docs/src/components/home/Hero.tsx
index b2dd562cbd4bea..b3a69e2ed41898 100644
--- a/docs/src/components/home/Hero.tsx
+++ b/docs/src/components/home/Hero.tsx
@@ -49,12 +49,10 @@ const FolderTable = dynamic(() => import('../showcase/FolderTable'), {
   ssr: false,
   loading: createLoading({ width: 360, height: 212 }),
 });
-
-// TODO Revert #34541 when https://github.com/mui/mui-x/pull/6362 is released
-// const ThemeDatePicker = dynamic(() => import('../showcase/ThemeDatePicker'), {
-//   ssr: false,
-//   loading: createLoading({ width: { md: 360, xl: 400 }, height: 260 }),
-// });
+const ThemeDatePicker = dynamic(() => import('../showcase/ThemeDatePicker'), {
+  ssr: false,
+  loading: createLoading({ width: { md: 360, xl: 400 }, height: 260 }),
+});
 const ThemeTabs = dynamic(() => import('../showcase/ThemeTabs'), {
   ssr: false,
   loading: createLoading({ width: { md: 360, xl: 400 }, height: 48 }),
@@ -154,15 +152,12 @@ export default function Hero() {
                 <ThemeChip />
               </Box>
               <ThemeTimeline />
-              {/* Temporary moved FolderTable to the next column due to ThemeDatePicker automatic focus */}
-              {/* <FolderTable /> */}
+              <FolderTable />
             </Stack>
           )}
           {isMdUp && (
             <Stack spacing={4} sx={{ ml: 4, '& > .MuiPaper-root': { maxWidth: 'none' } }}>
-              {/* Temporary removed ThemeDatePicker due to layout crash from auto focus */}
-              {/* <ThemeDatePicker /> */}
-              <FolderTable />
+              <ThemeDatePicker />
               <ThemeTabs />
               <Box sx={{ display: 'flex' }}>
                 <Box sx={{ flexGrow: 1 }}>