From fde39ca920372f9923107ed90dfa026ccb6c9209 Mon Sep 17 00:00:00 2001
From: Lukas Tyla <llukas.tyla@gmail.com>
Date: Thu, 19 Sep 2024 12:18:55 +0300
Subject: [PATCH] Apply suggestions from code review

Signed-off-by: Lukas Tyla <llukas.tyla@gmail.com>
---
 .../date-picker/DatePickerYearsOrder.js        | 18 ++++++++----------
 .../date-picker/DatePickerYearsOrder.tsx       | 18 ++++++++----------
 .../DatePickerYearsOrder.tsx.preview           |  1 +
 3 files changed, 17 insertions(+), 20 deletions(-)

diff --git a/docs/data/date-pickers/date-picker/DatePickerYearsOrder.js b/docs/data/date-pickers/date-picker/DatePickerYearsOrder.js
index 300e141a74a1c..eeaf31c537802 100644
--- 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
index 300e141a74a1c..eeaf31c537802 100644
--- 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
index a9d2b2c777adf..914e69e56715e 100644
--- 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 }}
 />
\ No newline at end of file