@@ -2,8 +2,6 @@ import React from 'react';
22import DatePicker from 'material-ui/DatePicker' ;
33import Toggle from 'material-ui/Toggle' ;
44
5- const DateTimeFormat = global . Intl . DateTimeFormat ;
6-
75const optionsStyle = {
86 maxWidth : 255 ,
97 marginRight : 'auto' ,
@@ -29,13 +27,13 @@ export default class DatePickerExampleToggle extends React.Component {
2927 } ;
3028 }
3129
32- handleChangeMinDate = ( x , date ) => {
30+ handleChangeMinDate = ( event , date ) => {
3331 this . setState ( {
3432 minDate : date ,
3533 } ) ;
3634 } ;
3735
38- handleChangeMaxDate = ( x , date ) => {
36+ handleChangeMaxDate = ( event , date ) => {
3937 this . setState ( {
4038 maxDate : date ,
4139 } ) ;
@@ -51,12 +49,6 @@ export default class DatePickerExampleToggle extends React.Component {
5149 return (
5250 < div >
5351 < DatePicker
54- formatDate = { new DateTimeFormat ( 'en-US' , {
55- day : 'numeric' ,
56- month : 'short' ,
57- year : 'numeric' ,
58- weekday : 'short' ,
59- } ) . format }
6052 floatingLabelText = "Ranged Date Picker"
6153 autoOk = { this . state . autoOk }
6254 minDate = { this . state . minDate }
@@ -65,41 +57,31 @@ export default class DatePickerExampleToggle extends React.Component {
6557 />
6658 < div style = { optionsStyle } >
6759 < DatePicker
68- formatDate = { new DateTimeFormat ( 'en-US' , {
69- day : 'numeric' ,
70- month : 'short' ,
71- year : 'numeric' ,
72- weekday : 'short' ,
73- } ) . format }
7460 onChange = { this . handleChangeMinDate }
7561 autoOk = { this . state . autoOk }
7662 floatingLabelText = "Min Date"
7763 defaultDate = { this . state . minDate }
64+ disableYearSelection = { this . state . disableYearSelection }
7865 />
7966 < DatePicker
80- formatDate = { new DateTimeFormat ( 'en-US' , {
81- day : 'numeric' ,
82- month : 'short' ,
83- year : 'numeric' ,
84- weekday : 'short' ,
85- } ) . format }
8667 onChange = { this . handleChangeMaxDate }
8768 autoOk = { this . state . autoOk }
8869 floatingLabelText = "Max Date"
8970 defaultDate = { this . state . maxDate }
71+ disableYearSelection = { this . state . disableYearSelection }
9072 />
9173 < Toggle
9274 name = "autoOk"
9375 value = "autoOk"
9476 label = "Auto Accept"
95- defaultToggled = { this . state . autoOk }
77+ toggled = { this . state . autoOk }
9678 onToggle = { this . handleToggle }
9779 />
9880 < Toggle
9981 name = "disableYearSelection"
10082 value = "disableYearSelection"
10183 label = "Disable Year Selection"
102- defaultToggled = { this . state . disableYearSelection }
84+ toggled = { this . state . disableYearSelection }
10385 onToggle = { this . handleToggle }
10486 />
10587 </ div >
0 commit comments