@@ -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