DO NOT MERGE Reproducing mui#1776

Philipp91 · May 22, 2020 · f42bd3c · f42bd3c
1 parent 07afa11
commit f42bd3c
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 21 deletions.
diff --git a/docs/layout/PageWithContext.tsx b/docs/layout/PageWithContext.tsx
@@ -10,6 +10,7 @@ import { LocalizationProvider } from '@material-ui/pickers';
 import { UtilsContext } from '../_shared/UtilsServiceContext';
 import { NotificationManager } from 'utils/NotificationManager';
 import { createUtilsService, UtilsLib, utilsMap } from '../utils/utilsService';
+import DateFnsLocaleDe from 'date-fns/locale/de';
 import {
   Theme,
   createMuiTheme,
@@ -105,7 +106,7 @@ export const PageWithContexts: React.SFC<Props> = ({
     >
       <ThemeProvider theme={muiTheme}>
         <SnackbarProvider maxSnack={3}>
-          <LocalizationProvider dateAdapter={utilsMap[lib]}>
+          <LocalizationProvider dateAdapter={utilsMap[lib]} locale={DateFnsLocaleDe}>
             <ThemeContext.Provider value={theme}>
               <UtilsContext.Provider value={createUtilsService(lib)}>
                 <CssBaseline />

diff --git a/docs/pages/demo/datetime-picker/BasicDateTimePicker.example.jsx b/docs/pages/demo/datetime-picker/BasicDateTimePicker.example.jsx
@@ -11,6 +11,7 @@ function BasicDateTimePicker() {
         label="DateTimePicker"
         value={selectedDate}
         onChange={handleDateChange}
+        mask="__.__.____ __:__"
       />
     </Fragment>
   );

diff --git a/docs/pages/demo/datetime-picker/index.mdx b/docs/pages/demo/datetime-picker/index.mdx
@@ -24,26 +24,6 @@ Allows choosing date then time. There are too many views, so tabs are required t
 
 <Example source={BasicDateTimePicker} />
 
-#### Responsiveness
-
-DateTimePicker is a complex control, so you may consider using `MobileDateTimePicker` for desktop users as well.
-
-<Example source={DateTimePickers} />
-
-#### Date & Time validation
-
-It is possible to restrict date and time selection in couple of different ways. If you need to restrict time selection
-you could use `minDateTime` to restrict selecting date and time before particular moment of time.
-Or you can use `minTime` to disable a part of time in each day.
-
-<Example source={DateTimeValidation} />
-
-#### Customization
-
-Here are some examples of heavily customized date & time pickers
-
-<Example source={CustomDateTimePicker} />
-
 #### Components API
 
 <LinkedComponents components={['DateTimePicker', 'KeyboardDateTimePicker']} />