vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity

Fix timepicker example

old
Javi Velasco 2015-12-03 00:56:18 +01:00
parent 43f546f616
commit 22bd7504f1
2 changed files with 27 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
components/time_picker/readme.md
View File

@ -5,14 +5,21 @@ A [dialog picker](https://www.google.com/design/spec/components/pickers.html#pic
<!-- example --> <!-- example -->
```jsx ```jsx
import TimePicker from 'react-toolbox/lib/time_picker'; import TimePicker from 'react-toolbox/lib/time_picker';
let time = new Date();
time.setHours(17);
time.setMinutes(28);
let selectedTime = new Date(); class TimePickerTest extends React.Component {
selectedTime.setHours(17); state = {time};
selectedTime.setMinutes(28);
const TimePickerTest = () => ( handleChange = (time) => {
<TimePicker label='Finishing time' value={selectedTime} /> this.setState({time});
); };
render () {
return <TimePicker label='Finishing time' onChange={this.handleChange} value={this.state.time} />;
}
}
``` ```
## Properties ## Properties

20
docs/app/components/layout/main/modules/examples/timepicker_example_1.txt
View File

@ -1,9 +1,17 @@
let selectedTime = new Date(); let time = new Date();
selectedTime.setHours(17); time.setHours(17);
selectedTime.setMinutes(28); time.setMinutes(28);
const TimePickerTest = () => ( class TimePickerTest extends React.Component {
<TimePicker label='Finishing time' value={selectedTime} /> state = {time};
);
handleChange = (time) => {
this.setState({time});
};
render () {
return <TimePicker label='Finishing time' onChange={this.handleChange} value={this.state.time} />;
}
}
return <TimePickerTest /> return <TimePickerTest />