Apply suggestions from code review

Signed-off-by: Lukas Tyla <llukas.tyla@gmail.com>
mui · Sep 19, 2024 · fde39ca · fde39ca
1 parent aed3349
commit fde39ca
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 20 deletions.
diff --git a/docs/data/date-pickers/date-picker/DatePickerYearsOrder.js b/docs/data/date-pickers/date-picker/DatePickerYearsOrder.js
@@ -1,6 +1,5 @@
 import * as React from 'react';
 import dayjs from 'dayjs';
-import { DemoContainer } from '@mui/x-date-pickers/internals/demo';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
@@ -10,15 +9,14 @@ const currentYear = dayjs();
 export default function DatePickerYearsOrder() {
   return (
     <LocalizationProvider dateAdapter={AdapterDayjs}>
-      <DemoContainer components={['DatePicker']}>
-        <DatePicker
-          label="Years in descending order"
-          maxDate={currentYear}
-          openTo="year"
-          views={['year', 'month']}
-          yearsOrder="desc"
-        />
-      </DemoContainer>
+      <DatePicker
+        label="Years in descending order"
+        maxDate={currentYear}
+        openTo="year"
+        views={['year', 'month']}
+        yearsOrder="desc"
+        sx={{ minWidth: 250 }}
+      />
     </LocalizationProvider>
   );
 }
diff --git a/docs/data/date-pickers/date-picker/DatePickerYearsOrder.tsx b/docs/data/date-pickers/date-picker/DatePickerYearsOrder.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
 import dayjs from 'dayjs';
-import { DemoContainer } from '@mui/x-date-pickers/internals/demo';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
@@ -10,15 +9,14 @@ const currentYear = dayjs();
 export default function DatePickerYearsOrder() {
   return (
     <LocalizationProvider dateAdapter={AdapterDayjs}>
-      <DemoContainer components={['DatePicker']}>
-        <DatePicker
-          label="Years in descending order"
-          maxDate={currentYear}
-          openTo="year"
-          views={['year', 'month']}
-          yearsOrder="desc"
-        />
-      </DemoContainer>
+      <DatePicker
+        label="Years in descending order"
+        maxDate={currentYear}
+        openTo="year"
+        views={['year', 'month']}
+        yearsOrder="desc"
+        sx={{ minWidth: 250 }}
+      />
     </LocalizationProvider>
   );
 }
diff --git a/docs/data/date-pickers/date-picker/DatePickerYearsOrder.tsx.preview b/docs/data/date-pickers/date-picker/DatePickerYearsOrder.tsx.preview
@@ -4,4 +4,5 @@
   openTo="year"
   views={['year', 'month']}
   yearsOrder="desc"
+  sx={{ minWidth: 250 }}
 />