Skip to content

Commit bf3f555

Browse files
committed
Fixed some issues with the pr
Removed default date
1 parent 657b107 commit bf3f555

1 file changed

Lines changed: 6 additions & 24 deletions

File tree

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

Lines changed: 6 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,6 @@ import React from 'react';
22
import DatePicker from 'material-ui/DatePicker';
33
import Toggle from 'material-ui/Toggle';
44

5-
const DateTimeFormat = global.Intl.DateTimeFormat;
6-
75
const 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

Comments
 (0)