@@ -13,14 +13,20 @@ class ParentComponent extends Component {
13
13
} ;
14
14
}
15
15
16
- handleChange ( newDate , event ) {
17
- console . log ( "newDate" , newDate , "event" , event ) ;
16
+ handleChange = ( newDate ) => {
17
+ console . log ( "newDate" , newDate ) ;
18
18
return this . setState ( { date : newDate } ) ;
19
19
}
20
20
21
21
render ( ) {
22
22
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
+ /> ;
24
30
}
25
31
}
26
32
@@ -46,18 +52,25 @@ class Basic extends Component {
46
52
this.state = {
47
53
date: "1990-06-05",
48
54
format: "YYYY-MM-DD",
55
+ inputFormat: "DD/MM/YYYY",
49
56
mode: "date"
50
57
};
51
58
}
52
59
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});
56
63
}
57
64
58
65
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
+ />;
61
74
}
62
75
}` }
63
76
</ pre >
0 commit comments