Skip to content
This repository was archived by the owner on Nov 16, 2018. It is now read-only.

Commit 6bb422a

Browse files
committed
Update example
1 parent 636ceba commit 6bb422a

File tree

1 file changed

+21
-8
lines changed

1 file changed

+21
-8
lines changed

examples/basic/basic.js

Lines changed: 21 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -13,14 +13,20 @@ class ParentComponent extends Component {
1313
};
1414
}
1515

16-
handleChange(newDate, event) {
17-
console.log("newDate", newDate, "event", event);
16+
handleChange = (newDate) => {
17+
console.log("newDate", newDate);
1818
return this.setState({date: newDate});
1919
}
2020

2121
render() {
2222
const {date, format, mode, inputFormat} = this.state;
23-
return <DateTimeField dateTime={date} format={format} viewMode={mode} inputFormat={inputFormat} />;
23+
return <DateTimeField
24+
dateTime={date}
25+
format={format}
26+
viewMode={mode}
27+
inputFormat={inputFormat}
28+
onChange={this.handleChange}
29+
/>;
2430
}
2531
}
2632

@@ -46,18 +52,25 @@ class Basic extends Component {
4652
this.state = {
4753
date: "1990-06-05",
4854
format: "YYYY-MM-DD",
55+
inputFormat: "DD/MM/YYYY",
4956
mode: "date"
5057
};
5158
}
5259
53-
handleChange(newDate, event) {
54-
console.log("newDate", newDate, "event", event);
55-
return this.setState({date: newDate})
60+
handleChange = (newDate) => {
61+
console.log("newDate", newDate);
62+
return this.setState({date: newDate});
5663
}
5764
5865
render() {
59-
const {date, format, mode} = this.state;
60-
return <DateTimeField dateTime={date} format={format} viewMode={mode} />;
66+
const {date, format, mode, inputFormat} = this.state;
67+
return <DateTimeField
68+
dateTime={date}
69+
format={format}
70+
viewMode={mode}
71+
inputFormat={inputFormat}
72+
onChange={this.handleChange}
73+
/>;
6174
}
6275
}`}
6376
</pre>

0 commit comments

Comments
 (0)