From b3055324332c7d75253b8596a19eeaf9a617573a Mon Sep 17 00:00:00 2001
From: Siriwat K <siriwatkunaporn@gmail.com>
Date: Mon, 3 Oct 2022 17:36:44 +0700
Subject: [PATCH] [docs] Temporary remove date picker from home page (#34541)

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

diff --git a/docs/src/components/home/Hero.tsx b/docs/src/components/home/Hero.tsx
index 87ecd1af9cdc78..b2dd562cbd4bea 100644
--- a/docs/src/components/home/Hero.tsx
+++ b/docs/src/components/home/Hero.tsx
@@ -50,10 +50,11 @@ const FolderTable = dynamic(() => import('../showcase/FolderTable'), {
   loading: createLoading({ width: 360, height: 212 }),
 });
 
-const ThemeDatePicker = dynamic(() => import('../showcase/ThemeDatePicker'), {
-  ssr: false,
-  loading: createLoading({ width: { md: 360, xl: 400 }, height: 260 }),
-});
+// 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 ThemeTabs = dynamic(() => import('../showcase/ThemeTabs'), {
   ssr: false,
   loading: createLoading({ width: { md: 360, xl: 400 }, height: 48 }),
@@ -153,12 +154,15 @@ export default function Hero() {
                 <ThemeChip />
               </Box>
               <ThemeTimeline />
-              <FolderTable />
+              {/* Temporary moved FolderTable to the next column due to ThemeDatePicker automatic focus */}
+              {/* <FolderTable /> */}
             </Stack>
           )}
           {isMdUp && (
             <Stack spacing={4} sx={{ ml: 4, '& > .MuiPaper-root': { maxWidth: 'none' } }}>
-              <ThemeDatePicker />
+              {/* Temporary removed ThemeDatePicker due to layout crash from auto focus */}
+              {/* <ThemeDatePicker /> */}
+              <FolderTable />
               <ThemeTabs />
               <Box sx={{ display: 'flex' }}>
                 <Box sx={{ flexGrow: 1 }}>