diff --git a/docs/data/date-pickers/custom-components/Tabs.js b/docs/data/date-pickers/custom-components/Tabs.js index c97dbb7089a89..2c457635ad59d 100644 --- a/docs/data/date-pickers/custom-components/Tabs.js +++ b/docs/data/date-pickers/custom-components/Tabs.js @@ -19,7 +19,7 @@ const CustomTabs = (props) => ( ); export default function Tabs() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( ( ); export default function Tabs() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-field/CustomDateFormat.tsx b/docs/data/date-pickers/date-field/CustomDateFormat.tsx index 4853a6a4cf399..24ff32078523b 100644 --- a/docs/data/date-pickers/date-field/CustomDateFormat.tsx +++ b/docs/data/date-pickers/date-field/CustomDateFormat.tsx @@ -6,7 +6,7 @@ import { Unstable_DateField as DateField } from '@mui/x-date-pickers/DateField'; import Stack from '@mui/material/Stack'; export default function CustomDateFormat() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-field/CustomInputProps.js b/docs/data/date-pickers/date-field/CustomInputProps.js index a89670391d7eb..89c5a687d15a7 100644 --- a/docs/data/date-pickers/date-field/CustomInputProps.js +++ b/docs/data/date-pickers/date-field/CustomInputProps.js @@ -8,7 +8,7 @@ import IconButton from '@mui/material/IconButton'; import CancelIcon from '@mui/icons-material/Close'; export default function CustomInputProps() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-field/CustomInputProps.tsx b/docs/data/date-pickers/date-field/CustomInputProps.tsx index 18d3ea2a581a1..fe252f7debad3 100644 --- a/docs/data/date-pickers/date-field/CustomInputProps.tsx +++ b/docs/data/date-pickers/date-field/CustomInputProps.tsx @@ -8,7 +8,7 @@ import IconButton from '@mui/material/IconButton'; import CancelIcon from '@mui/icons-material/Close'; export default function CustomInputProps() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-field/CustomUIDateField.js b/docs/data/date-pickers/date-field/CustomUIDateField.js index 0d2a5e3647cea..bfb9abc5fdd48 100644 --- a/docs/data/date-pickers/date-field/CustomUIDateField.js +++ b/docs/data/date-pickers/date-field/CustomUIDateField.js @@ -42,7 +42,7 @@ const BrowserInputDateField = (props) => { }; export default function CustomUIDateField() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); const handleChange = (newValue) => setValue(newValue); diff --git a/docs/data/date-pickers/date-field/CustomUIDateField.tsx b/docs/data/date-pickers/date-field/CustomUIDateField.tsx index ab4a72d10868c..b42581d788def 100644 --- a/docs/data/date-pickers/date-field/CustomUIDateField.tsx +++ b/docs/data/date-pickers/date-field/CustomUIDateField.tsx @@ -67,7 +67,7 @@ const BrowserInputDateField = (props: BrowserInputDateFieldProps) => { }; export default function CustomUIDateField() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); const handleChange = (newValue: Dayjs | null) => setValue(newValue); diff --git a/docs/data/date-pickers/date-field/DateFieldValue.js b/docs/data/date-pickers/date-field/DateFieldValue.js index a53a622e82ce6..2df5b9ed82cd5 100644 --- a/docs/data/date-pickers/date-field/DateFieldValue.js +++ b/docs/data/date-pickers/date-field/DateFieldValue.js @@ -6,12 +6,12 @@ import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'; import { Unstable_DateField as DateField } from '@mui/x-date-pickers/DateField'; export default function DateFieldValue() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( - + (dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( - + - + today.add(1, 'week')); + const [value, setValue] = React.useState(dayjs('2022-04-07')); const debounceSetValue = React.useMemo(() => debounce(setValue, 500), []); diff --git a/docs/data/date-pickers/date-field/DebouncedDateField.tsx b/docs/data/date-pickers/date-field/DebouncedDateField.tsx index 72404f72c9487..41797d0c12aa0 100644 --- a/docs/data/date-pickers/date-field/DebouncedDateField.tsx +++ b/docs/data/date-pickers/date-field/DebouncedDateField.tsx @@ -11,7 +11,7 @@ import Button from '@mui/material/Button'; const today = dayjs(); export default function DebouncedDateField() { - const [value, setValue] = React.useState(() => today.add(1, 'week')); + const [value, setValue] = React.useState(dayjs('2022-04-07')); const debounceSetValue = React.useMemo(() => debounce(setValue, 500), []); diff --git a/docs/data/date-pickers/date-field/LocalizedDateField.js b/docs/data/date-pickers/date-field/LocalizedDateField.js index 5c4c0e2f4a550..3dace229d1f78 100644 --- a/docs/data/date-pickers/date-field/LocalizedDateField.js +++ b/docs/data/date-pickers/date-field/LocalizedDateField.js @@ -7,7 +7,7 @@ import Stack from '@mui/material/Stack'; import 'dayjs/locale/fr'; export default function LocalizedDateField() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-field/LocalizedDateField.tsx b/docs/data/date-pickers/date-field/LocalizedDateField.tsx index 41d3c6ca0a262..583adb5a39c35 100644 --- a/docs/data/date-pickers/date-field/LocalizedDateField.tsx +++ b/docs/data/date-pickers/date-field/LocalizedDateField.tsx @@ -7,7 +7,7 @@ import Stack from '@mui/material/Stack'; import 'dayjs/locale/fr'; export default function LocalizedDateField() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-picker/CustomDay.js b/docs/data/date-pickers/date-picker/CustomDay.js index b12ca341e83dd..4dfa5b596bc60 100644 --- a/docs/data/date-pickers/date-picker/CustomDay.js +++ b/docs/data/date-pickers/date-picker/CustomDay.js @@ -33,7 +33,7 @@ const CustomPickersDay = styled(PickersDay, { })); export default function CustomDay() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); const renderWeekPickerDay = (date, selectedDates, pickersDayProps) => { if (!value) { diff --git a/docs/data/date-pickers/date-picker/CustomDay.tsx b/docs/data/date-pickers/date-picker/CustomDay.tsx index 9f43f24b0e7ff..44555a89931b8 100644 --- a/docs/data/date-pickers/date-picker/CustomDay.tsx +++ b/docs/data/date-pickers/date-picker/CustomDay.tsx @@ -39,7 +39,7 @@ const CustomPickersDay = styled(PickersDay, { })) as React.ComponentType; export default function CustomDay() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); const renderWeekPickerDay = ( date: Dayjs, diff --git a/docs/data/date-pickers/date-picker/CustomInput.js b/docs/data/date-pickers/date-picker/CustomInput.js index 8dd4de3569a91..1e212ef39f2dc 100644 --- a/docs/data/date-pickers/date-picker/CustomInput.js +++ b/docs/data/date-pickers/date-picker/CustomInput.js @@ -6,7 +6,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { DatePicker } from '@mui/x-date-pickers/DatePicker'; export default function CustomInput() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-picker/CustomInput.tsx b/docs/data/date-pickers/date-picker/CustomInput.tsx index 64b72b73fd54c..6685ab2b40ceb 100644 --- a/docs/data/date-pickers/date-picker/CustomInput.tsx +++ b/docs/data/date-pickers/date-picker/CustomInput.tsx @@ -6,7 +6,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { DatePicker } from '@mui/x-date-pickers/DatePicker'; export default function CustomInput() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-picker/JalaliDatePicker.js b/docs/data/date-pickers/date-picker/JalaliDatePicker.js index bdce9da5eb5b2..ba86ffeeca1d4 100644 --- a/docs/data/date-pickers/date-picker/JalaliDatePicker.js +++ b/docs/data/date-pickers/date-picker/JalaliDatePicker.js @@ -5,7 +5,7 @@ import { DatePicker } from '@mui/x-date-pickers/DatePicker'; import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; export default function JalaliDatePicker() { - const [value, setValue] = React.useState(new Date()); + const [value, setValue] = React.useState(new Date(2022, 3, 7)); return ( diff --git a/docs/data/date-pickers/date-picker/JalaliDatePicker.tsx b/docs/data/date-pickers/date-picker/JalaliDatePicker.tsx index 58712028ec772..20dc46621e219 100644 --- a/docs/data/date-pickers/date-picker/JalaliDatePicker.tsx +++ b/docs/data/date-pickers/date-picker/JalaliDatePicker.tsx @@ -5,7 +5,7 @@ import { DatePicker } from '@mui/x-date-pickers/DatePicker'; import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; export default function JalaliDatePicker() { - const [value, setValue] = React.useState(new Date()); + const [value, setValue] = React.useState(new Date(2022, 3, 7)); return ( diff --git a/docs/data/date-pickers/date-picker/ResponsiveDatePickers.js b/docs/data/date-pickers/date-picker/ResponsiveDatePickers.js index a804ed3d3a5b9..1fa0e557c3b6f 100644 --- a/docs/data/date-pickers/date-picker/ResponsiveDatePickers.js +++ b/docs/data/date-pickers/date-picker/ResponsiveDatePickers.js @@ -9,7 +9,7 @@ import { MobileDatePicker } from '@mui/x-date-pickers/MobileDatePicker'; import { DesktopDatePicker } from '@mui/x-date-pickers/DesktopDatePicker'; export default function ResponsiveDatePickers() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-picker/ResponsiveDatePickers.tsx b/docs/data/date-pickers/date-picker/ResponsiveDatePickers.tsx index d5ba6c3568d1f..a6177fe32057b 100644 --- a/docs/data/date-pickers/date-picker/ResponsiveDatePickers.tsx +++ b/docs/data/date-pickers/date-picker/ResponsiveDatePickers.tsx @@ -9,7 +9,7 @@ import { MobileDatePicker } from '@mui/x-date-pickers/MobileDatePicker'; import { DesktopDatePicker } from '@mui/x-date-pickers/DesktopDatePicker'; export default function ResponsiveDatePickers() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-picker/ServerRequestDatePicker.js b/docs/data/date-pickers/date-picker/ServerRequestDatePicker.js index 991ed0ee1f74b..ea9295804399c 100644 --- a/docs/data/date-pickers/date-picker/ServerRequestDatePicker.js +++ b/docs/data/date-pickers/date-picker/ServerRequestDatePicker.js @@ -32,7 +32,7 @@ function fakeFetch(date, { signal }) { }); } -const initialValue = dayjs(); +const initialValue = dayjs('2022-04-07'); export default function ServerRequestDatePicker() { const requestAbortController = React.useRef(null); diff --git a/docs/data/date-pickers/date-picker/ServerRequestDatePicker.tsx b/docs/data/date-pickers/date-picker/ServerRequestDatePicker.tsx index bcc417b12a163..d3d57b85e8e79 100644 --- a/docs/data/date-pickers/date-picker/ServerRequestDatePicker.tsx +++ b/docs/data/date-pickers/date-picker/ServerRequestDatePicker.tsx @@ -32,7 +32,7 @@ function fakeFetch(date: Dayjs, { signal }: { signal: AbortSignal }) { }); } -const initialValue = dayjs(); +const initialValue = dayjs('2022-04-07'); export default function ServerRequestDatePicker() { const requestAbortController = React.useRef(null); diff --git a/docs/data/date-pickers/date-picker/StaticDatePickerDemo.js b/docs/data/date-pickers/date-picker/StaticDatePickerDemo.js index 6a59fadaeef68..f0e340ea9f436 100644 --- a/docs/data/date-pickers/date-picker/StaticDatePickerDemo.js +++ b/docs/data/date-pickers/date-picker/StaticDatePickerDemo.js @@ -6,7 +6,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { StaticDatePicker } from '@mui/x-date-pickers/StaticDatePicker'; export default function StaticDatePickerDemo() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-picker/StaticDatePickerDemo.tsx b/docs/data/date-pickers/date-picker/StaticDatePickerDemo.tsx index e3e94d2e52f21..6af278612886c 100644 --- a/docs/data/date-pickers/date-picker/StaticDatePickerDemo.tsx +++ b/docs/data/date-pickers/date-picker/StaticDatePickerDemo.tsx @@ -6,7 +6,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { StaticDatePicker } from '@mui/x-date-pickers/StaticDatePicker'; export default function StaticDatePickerDemo() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-picker/StaticDatePickerLandscape.js b/docs/data/date-pickers/date-picker/StaticDatePickerLandscape.js index cc1dcc1cb4617..75f02f67802c5 100644 --- a/docs/data/date-pickers/date-picker/StaticDatePickerLandscape.js +++ b/docs/data/date-pickers/date-picker/StaticDatePickerLandscape.js @@ -12,7 +12,7 @@ const isWeekend = (date) => { }; export default function StaticDatePickerLandscape() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-picker/StaticDatePickerLandscape.tsx b/docs/data/date-pickers/date-picker/StaticDatePickerLandscape.tsx index dd5ab9037aef2..51500f5ec5ae8 100644 --- a/docs/data/date-pickers/date-picker/StaticDatePickerLandscape.tsx +++ b/docs/data/date-pickers/date-picker/StaticDatePickerLandscape.tsx @@ -12,7 +12,7 @@ const isWeekend = (date: Dayjs) => { }; export default function StaticDatePickerLandscape() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-picker/SubComponentsPickers.js b/docs/data/date-pickers/date-picker/SubComponentsPickers.js index 4319440ae683e..c6bbc8cfb8498 100644 --- a/docs/data/date-pickers/date-picker/SubComponentsPickers.js +++ b/docs/data/date-pickers/date-picker/SubComponentsPickers.js @@ -11,7 +11,7 @@ const minDate = dayjs('2020-01-01T00:00:00.000'); const maxDate = dayjs('2034-01-01T00:00:00.000'); export default function SubComponentsPickers() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-picker/SubComponentsPickers.tsx b/docs/data/date-pickers/date-picker/SubComponentsPickers.tsx index 5c00e44fd49f8..5fa6ebb167dd9 100644 --- a/docs/data/date-pickers/date-picker/SubComponentsPickers.tsx +++ b/docs/data/date-pickers/date-picker/SubComponentsPickers.tsx @@ -11,7 +11,7 @@ const minDate = dayjs('2020-01-01T00:00:00.000'); const maxDate = dayjs('2034-01-01T00:00:00.000'); export default function SubComponentsPickers() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-picker/ViewsDatePicker.js b/docs/data/date-pickers/date-picker/ViewsDatePicker.js index bca44cca706bd..e3381bbb706c7 100644 --- a/docs/data/date-pickers/date-picker/ViewsDatePicker.js +++ b/docs/data/date-pickers/date-picker/ViewsDatePicker.js @@ -7,7 +7,7 @@ import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'; import { DatePicker } from '@mui/x-date-pickers/DatePicker'; export default function ViewsDatePicker() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-picker/ViewsDatePicker.tsx b/docs/data/date-pickers/date-picker/ViewsDatePicker.tsx index 3f50901708929..f4c0035af8577 100644 --- a/docs/data/date-pickers/date-picker/ViewsDatePicker.tsx +++ b/docs/data/date-pickers/date-picker/ViewsDatePicker.tsx @@ -7,7 +7,7 @@ import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'; import { DatePicker } from '@mui/x-date-pickers/DatePicker'; export default function ViewsDatePicker() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-range-field/DateRangeFieldValue.js b/docs/data/date-pickers/date-range-field/DateRangeFieldValue.js index 3d0a52234362c..ff0a3d7396684 100644 --- a/docs/data/date-pickers/date-range-field/DateRangeFieldValue.js +++ b/docs/data/date-pickers/date-range-field/DateRangeFieldValue.js @@ -6,17 +6,18 @@ import { LocalizationProvider } from '@mui/x-date-pickers'; import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'; import { Unstable_SingleInputDateRangeField as SingleInputDateRangeField } from '@mui/x-date-pickers-pro/SingleInputDateRangeField'; -const today = dayjs(); - export default function DateRangeFieldValue() { - const [value, setValue] = React.useState(() => [today, today.add(1, 'week')]); + const [value, setValue] = React.useState(() => [ + dayjs('2022-04-07'), + dayjs('2022-04-13'), + ]); return ( >(() => [ - today, - today.add(1, 'week'), + dayjs('2022-04-07'), + dayjs('2022-04-13'), ]); return ( @@ -19,7 +17,7 @@ export default function DateRangeFieldValue() { diff --git a/docs/data/date-pickers/date-time-picker/BasicDateTimePicker.tsx b/docs/data/date-pickers/date-time-picker/BasicDateTimePicker.tsx index b90e7765689c0..576c7684bfa84 100644 --- a/docs/data/date-pickers/date-time-picker/BasicDateTimePicker.tsx +++ b/docs/data/date-pickers/date-time-picker/BasicDateTimePicker.tsx @@ -6,7 +6,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker'; export default function BasicDateTimePicker() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-time-picker/DateTimeValidation.js b/docs/data/date-pickers/date-time-picker/DateTimeValidation.js index dec1663ca1667..6ae8dfb7f26cf 100644 --- a/docs/data/date-pickers/date-time-picker/DateTimeValidation.js +++ b/docs/data/date-pickers/date-time-picker/DateTimeValidation.js @@ -7,7 +7,7 @@ import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker'; import Stack from '@mui/material/Stack'; export default function DateTimeValidation() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( @@ -19,7 +19,7 @@ export default function DateTimeValidation() { onChange={(newValue) => { setValue(newValue); }} - minDateTime={dayjs()} + minDateTime={dayjs('2022-04-02T12:00')} /> } @@ -28,9 +28,9 @@ export default function DateTimeValidation() { onChange={(newValue) => { setValue(newValue); }} - minDate={dayjs('2020-02-14')} - minTime={dayjs('2020-02-14T08:00')} - maxTime={dayjs('2020-02-14T18:45')} + minDate={dayjs('2022-02-14')} + minTime={dayjs('2022-02-14T08:00')} + maxTime={dayjs('2022-02-14T18:45')} /> diff --git a/docs/data/date-pickers/date-time-picker/DateTimeValidation.tsx b/docs/data/date-pickers/date-time-picker/DateTimeValidation.tsx index b71868f96ed10..c3b538d3329ef 100644 --- a/docs/data/date-pickers/date-time-picker/DateTimeValidation.tsx +++ b/docs/data/date-pickers/date-time-picker/DateTimeValidation.tsx @@ -7,7 +7,7 @@ import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker'; import Stack from '@mui/material/Stack'; export default function DateTimeValidation() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( @@ -19,7 +19,7 @@ export default function DateTimeValidation() { onChange={(newValue) => { setValue(newValue); }} - minDateTime={dayjs()} + minDateTime={dayjs('2022-04-02T12:00')} /> } @@ -28,9 +28,9 @@ export default function DateTimeValidation() { onChange={(newValue) => { setValue(newValue); }} - minDate={dayjs('2020-02-14')} - minTime={dayjs('2020-02-14T08:00')} - maxTime={dayjs('2020-02-14T18:45')} + minDate={dayjs('2022-02-14')} + minTime={dayjs('2022-02-14T08:00')} + maxTime={dayjs('2022-02-14T18:45')} /> diff --git a/docs/data/date-pickers/date-time-picker/StaticDateTimePickerDemo.js b/docs/data/date-pickers/date-time-picker/StaticDateTimePickerDemo.js index 40066ac06e16b..22c02e0ac4200 100644 --- a/docs/data/date-pickers/date-time-picker/StaticDateTimePickerDemo.js +++ b/docs/data/date-pickers/date-time-picker/StaticDateTimePickerDemo.js @@ -6,7 +6,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { StaticDateTimePicker } from '@mui/x-date-pickers/StaticDateTimePicker'; export default function StaticDateTimePickerDemo() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/date-time-picker/StaticDateTimePickerDemo.tsx b/docs/data/date-pickers/date-time-picker/StaticDateTimePickerDemo.tsx index 3932ab5b4913b..40c8a552910e9 100644 --- a/docs/data/date-pickers/date-time-picker/StaticDateTimePickerDemo.tsx +++ b/docs/data/date-pickers/date-time-picker/StaticDateTimePickerDemo.tsx @@ -6,7 +6,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { StaticDateTimePicker } from '@mui/x-date-pickers/StaticDateTimePicker'; export default function StaticDateTimePickerDemo() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/localization/CustomizeDayPicker.js b/docs/data/date-pickers/localization/CustomizeDayPicker.js index 958e7a45ec69d..6a1ec7401ad2f 100644 --- a/docs/data/date-pickers/localization/CustomizeDayPicker.js +++ b/docs/data/date-pickers/localization/CustomizeDayPicker.js @@ -6,7 +6,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { StaticDatePicker } from '@mui/x-date-pickers/StaticDatePicker'; export default function CustomizeDayPicker() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/localization/CustomizeDayPicker.tsx b/docs/data/date-pickers/localization/CustomizeDayPicker.tsx index 628b940f1cc07..4a457066b9143 100644 --- a/docs/data/date-pickers/localization/CustomizeDayPicker.tsx +++ b/docs/data/date-pickers/localization/CustomizeDayPicker.tsx @@ -6,7 +6,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { StaticDatePicker } from '@mui/x-date-pickers/StaticDatePicker'; export default function CustomizeDayPicker() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/localization/LocalizedDatePicker.js b/docs/data/date-pickers/localization/LocalizedDatePicker.js index 3eab449462f74..405f28cfa6200 100644 --- a/docs/data/date-pickers/localization/LocalizedDatePicker.js +++ b/docs/data/date-pickers/localization/LocalizedDatePicker.js @@ -17,9 +17,9 @@ const locales = ['en', 'fr', 'de', 'ru', 'ar-sa']; export default function LocalizedDatePicker() { const [locale, setLocale] = React.useState('ru'); - const [datePickerValue, setDatePickerValue] = React.useState(dayjs()); + const [datePickerValue, setDatePickerValue] = React.useState(dayjs('2022-04-07')); - const [timePickerValue, setTimePickerValue] = React.useState(dayjs()); + const [timePickerValue, setTimePickerValue] = React.useState(dayjs('2022-04-07')); const selectLocale = (newLocale) => { setLocale(newLocale); diff --git a/docs/data/date-pickers/localization/LocalizedDatePicker.tsx b/docs/data/date-pickers/localization/LocalizedDatePicker.tsx index b8fa444436f8c..c6c745185946c 100644 --- a/docs/data/date-pickers/localization/LocalizedDatePicker.tsx +++ b/docs/data/date-pickers/localization/LocalizedDatePicker.tsx @@ -18,10 +18,10 @@ const locales = ['en', 'fr', 'de', 'ru', 'ar-sa'] as const; export default function LocalizedDatePicker() { const [locale, setLocale] = React.useState('ru'); const [datePickerValue, setDatePickerValue] = React.useState( - dayjs(), + dayjs('2022-04-07'), ); const [timePickerValue, setTimePickerValue] = React.useState( - dayjs(), + dayjs('2022-04-07'), ); const selectLocale = (newLocale: any) => { diff --git a/docs/data/date-pickers/localization/LocalizedTimePicker.js b/docs/data/date-pickers/localization/LocalizedTimePicker.js index 6540e1b4fb99e..ce7181070b05e 100644 --- a/docs/data/date-pickers/localization/LocalizedTimePicker.js +++ b/docs/data/date-pickers/localization/LocalizedTimePicker.js @@ -25,7 +25,7 @@ const ampmOptions = { export default function LocalizedTimePicker() { const [locale, setLocale] = React.useState('ru'); - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); const [ampm, setAmpm] = React.useState(undefined); const [ampmOption, setAmpmOption] = React.useState('undefined'); diff --git a/docs/data/date-pickers/localization/LocalizedTimePicker.tsx b/docs/data/date-pickers/localization/LocalizedTimePicker.tsx index e5134a83b2029..17d452409b2ea 100644 --- a/docs/data/date-pickers/localization/LocalizedTimePicker.tsx +++ b/docs/data/date-pickers/localization/LocalizedTimePicker.tsx @@ -26,7 +26,7 @@ const ampmOptions: { [key: string]: undefined | boolean } = { export default function LocalizedTimePicker() { const [locale, setLocale] = React.useState('ru'); - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); const [ampm, setAmpm] = React.useState(undefined); const [ampmOption, setAmpmOption] = React.useState('undefined'); diff --git a/docs/data/date-pickers/time-picker/SecondsTimePicker.js b/docs/data/date-pickers/time-picker/SecondsTimePicker.js index 9c634e913eadb..a52da79f4efcd 100644 --- a/docs/data/date-pickers/time-picker/SecondsTimePicker.js +++ b/docs/data/date-pickers/time-picker/SecondsTimePicker.js @@ -7,7 +7,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { TimePicker } from '@mui/x-date-pickers/TimePicker'; export default function SecondsTimePicker() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/time-picker/SecondsTimePicker.tsx b/docs/data/date-pickers/time-picker/SecondsTimePicker.tsx index a3a58c2bd1121..6bc7cbbc47072 100644 --- a/docs/data/date-pickers/time-picker/SecondsTimePicker.tsx +++ b/docs/data/date-pickers/time-picker/SecondsTimePicker.tsx @@ -7,7 +7,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { TimePicker } from '@mui/x-date-pickers/TimePicker'; export default function SecondsTimePicker() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/time-picker/StaticTimePickerDemo.js b/docs/data/date-pickers/time-picker/StaticTimePickerDemo.js index 6c066abe84e72..0f1a8fa439e2e 100644 --- a/docs/data/date-pickers/time-picker/StaticTimePickerDemo.js +++ b/docs/data/date-pickers/time-picker/StaticTimePickerDemo.js @@ -6,7 +6,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { StaticTimePicker } from '@mui/x-date-pickers/StaticTimePicker'; export default function StaticTimePickerDemo() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/time-picker/StaticTimePickerDemo.tsx b/docs/data/date-pickers/time-picker/StaticTimePickerDemo.tsx index 69d48821b5c13..4e246c98b9990 100644 --- a/docs/data/date-pickers/time-picker/StaticTimePickerDemo.tsx +++ b/docs/data/date-pickers/time-picker/StaticTimePickerDemo.tsx @@ -6,7 +6,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { StaticTimePicker } from '@mui/x-date-pickers/StaticTimePicker'; export default function StaticTimePickerDemo() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/time-picker/StaticTimePickerLandscape.js b/docs/data/date-pickers/time-picker/StaticTimePickerLandscape.js index 2daab58ee954d..e221d605b2759 100644 --- a/docs/data/date-pickers/time-picker/StaticTimePickerLandscape.js +++ b/docs/data/date-pickers/time-picker/StaticTimePickerLandscape.js @@ -6,7 +6,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { StaticTimePicker } from '@mui/x-date-pickers/StaticTimePicker'; export default function StaticTimePickerLandscape() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/time-picker/StaticTimePickerLandscape.tsx b/docs/data/date-pickers/time-picker/StaticTimePickerLandscape.tsx index fc0a70f258718..1c2fc72010510 100644 --- a/docs/data/date-pickers/time-picker/StaticTimePickerLandscape.tsx +++ b/docs/data/date-pickers/time-picker/StaticTimePickerLandscape.tsx @@ -6,7 +6,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { StaticTimePicker } from '@mui/x-date-pickers/StaticTimePicker'; export default function StaticTimePickerLandscape() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07')); return ( diff --git a/docs/data/date-pickers/time-picker/SubComponentsTimePickers.js b/docs/data/date-pickers/time-picker/SubComponentsTimePickers.js index 4a09de44723c4..e086712a09567 100644 --- a/docs/data/date-pickers/time-picker/SubComponentsTimePickers.js +++ b/docs/data/date-pickers/time-picker/SubComponentsTimePickers.js @@ -5,7 +5,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { ClockPicker } from '@mui/x-date-pickers/ClockPicker'; export default function SubComponentsTimePickers() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07T10:15')); return ( diff --git a/docs/data/date-pickers/time-picker/SubComponentsTimePickers.tsx b/docs/data/date-pickers/time-picker/SubComponentsTimePickers.tsx index fddc9696b9c5d..c8a79269fe77c 100644 --- a/docs/data/date-pickers/time-picker/SubComponentsTimePickers.tsx +++ b/docs/data/date-pickers/time-picker/SubComponentsTimePickers.tsx @@ -5,7 +5,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { ClockPicker } from '@mui/x-date-pickers/ClockPicker'; export default function SubComponentsTimePickers() { - const [value, setValue] = React.useState(dayjs()); + const [value, setValue] = React.useState(dayjs('2022-04-07T10:15')); return (