Fixed some issues with the pr

Now supported by browsers without Intl

Dates changed to default ISO format

Author: aahan96

docs/src/app/components/pages/components/DatePicker/ExampleToggle.js

@@ -2,8 +2,6 @@ import React from 'react';
 import DatePicker from 'material-ui/DatePicker';
 import Toggle from 'material-ui/Toggle';
 
-const DateTimeFormat = global.Intl.DateTimeFormat;
-
 const optionsStyle = {
   maxWidth: 255,
   marginRight: 'auto',
@@ -29,13 +27,13 @@ export default class DatePickerExampleToggle extends React.Component {
     };
   }
 
-  handleChangeMinDate = (x, date) => {
+  handleChangeMinDate = (event, date) => {
     this.setState({
       minDate: date,
     });
   };
 
-  handleChangeMaxDate = (x, date) => {
+  handleChangeMaxDate = (event, date) => {
     this.setState({
       maxDate: date,
     });
@@ -51,55 +49,40 @@ export default class DatePickerExampleToggle extends React.Component {
     return (
       <div>
         <DatePicker
-          formatDate={new DateTimeFormat('en-US', {
-            day: 'numeric',
-            month: 'short',
-            year: 'numeric',
-            weekday: 'short',
-          }).format}
           floatingLabelText="Ranged Date Picker"
           autoOk={this.state.autoOk}
           minDate={this.state.minDate}
           maxDate={this.state.maxDate}
+          defaultDate={new Date()}
           disableYearSelection={this.state.disableYearSelection}
         />
         <div style={optionsStyle}>
           <DatePicker
-            formatDate={new DateTimeFormat('en-US', {
-              day: 'numeric',
-              month: 'short',
-              year: 'numeric',
-              weekday: 'short',
-            }).format}
             onChange={this.handleChangeMinDate}
             autoOk={this.state.autoOk}
             floatingLabelText="Min Date"
             defaultDate={this.state.minDate}
+            disableYearSelection={this.state.disableYearSelection}
           />
           <DatePicker
-            formatDate={new DateTimeFormat('en-US', {
-              day: 'numeric',
-              month: 'short',
-              year: 'numeric',
-              weekday: 'short',
-            }).format}
             onChange={this.handleChangeMaxDate}
             autoOk={this.state.autoOk}
             floatingLabelText="Max Date"
             defaultDate={this.state.maxDate}
+            disableYearSelection={this.state.disableYearSelection}
           />
           <Toggle
             name="autoOk"
             value="autoOk"
             label="Auto Accept"
-            defaultToggled={this.state.autoOk}
+            toggled={this.state.autoOk}
             onToggle={this.handleToggle}
           />
           <Toggle
             name="disableYearSelection"
             value="disableYearSelection"
             label="Disable Year Selection"
-            defaultToggled={this.state.disableYearSelection}
+            toggled={this.state.disableYearSelection}
             onToggle={this.handleToggle}
           />
         </div>