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 -->
```jsx
import TimePicker from 'react-toolbox/lib/time_picker';
let time = new Date();
time.setHours(17);
time.setMinutes(28);
let selectedTime = new Date();
selectedTime.setHours(17);
selectedTime.setMinutes(28);
class TimePickerTest extends React.Component {
state = {time};
const TimePickerTest = () => (
<TimePicker label='Finishing time' value={selectedTime} />
);
handleChange = (time) => {
this.setState({time});
};
render () {
return <TimePicker label='Finishing time' onChange={this.handleChange} value={this.state.time} />;
}
}
```
## Properties

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

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