Fix not working moment example (#1353)

mui · Oct 14, 2019 · e8ad333 · e8ad333
1 parent 200cf28
commit e8ad333
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/docs/pages/localization/Moment.example.jsx b/docs/pages/localization/Moment.example.jsx
@@ -1,12 +1,14 @@
+import moment from 'moment';
 import MomentUtils from '@date-io/moment';
 import MoreIcon from '@material-ui/icons/MoreVert';
 import React, { useState, useCallback } from 'react';
 import { IconButton, Menu, MenuItem } from '@material-ui/core';
 import { DatePicker, MuiPickersUtilsProvider } from '@material-ui/pickers';
-
 import 'moment/locale/fr';
 import 'moment/locale/ru';
 
+moment.locale('fr'); // it is required to select default locale manually
+
 const localeMap = {
   en: 'en',
   fr: 'fr',
@@ -24,15 +26,17 @@ function MomentLocalizationExample() {
   }, []);
 
   const selectLocale = useCallback(locale => {
+    moment.locale(locale);
+
     setLocale(locale);
     setAnchorEl(null);
   }, []);
 
   return (
-    <MuiPickersUtilsProvider utils={MomentUtils} locale={locale}>
+    <MuiPickersUtilsProvider libInstance={moment} utils={MomentUtils} locale={locale}>
       <DatePicker
         value={selectedDate}
-        onChange={handleDateChange}
+        onChange={date => handleDateChange(date)}
         InputProps={{
           endAdornment: (
             <IconButton