Merge pull request mui#3024 from oliviertassinari/date-picker-fr

[Docs] Move DateTimeFormat polyfill to the example

docs/package.json

@@ -33,6 +33,7 @@
     "history": "1.13.x",
     "html-webpack-plugin": "^1.6.1",
     "intl": "^1.0.1",
+    "intl-locales-supported": "^1.0.0",
     "json-loader": "^0.5.4",
     "marked": "^0.3.5",
     "raw-loader": "^0.5.1",

docs/src/app/components/pages/components/DatePicker/ExampleInternational.jsx

@@ -1,10 +1,23 @@
 import React from 'react';
 import DatePicker from 'material-ui/lib/date-picker/date-picker';
+import areIntlLocalesSupported from 'intl-locales-supported';
+
+let DateTimeFormat;
+
+// Use the native Intl if available
+if (areIntlLocalesSupported('fr')) {
+  DateTimeFormat = global.Intl.DateTimeFormat;
+} else {
+  const IntlPolyfill = require('intl');
+  require('intl/locale-data/jsonp/fr');
+
+  DateTimeFormat = IntlPolyfill.DateTimeFormat;
+}
 
 const DatePickerExampleInternational = () => (
   <DatePicker
     hintText="fr version"
-    DateTimeFormat={Intl.DateTimeFormat}
+    DateTimeFormat={DateTimeFormat}
     // Intl is supported by most modern browsers, see http://caniuse.com/#search=intl
     // for browsers that don't support it use this polyfill https://github.com/andyearnshaw/Intl.js
     wordings={{ok: 'OK', cancel: 'Annuler'}}

docs/src/app/components/pages/components/DatePicker/Page.jsx

@@ -26,11 +26,6 @@ const descriptions = {
   'Note that the buttons must be localised using the `wordings` property, and we set the `firstDayOfWeek` to Monday.',
 };
 
-if (!window.Intl) {
-  require('intl');
-  require('intl/locale-data/jsonp/fr');
-}
-
 const DatePickerPage = () => (
   <div>
     <MarkdownElement text={datePickerReadmeText} />