Method render

demo/example/TimeInputDemo.jsx:18–72

()

    }

    render() {
        return (
            <div>
                <h3>Time input</h3>
                <ul>
                    <li>
                        <h4>Default time input</h4>
                        <TimeInput/>
                        <pre>
                            <code>
                                {`<TimeInput/>`}
                            </code>
                        </pre>
                    </li>
                    <li>
                        <h4>Time input with given value</h4>
                        <TimeInput value="12:44:23"/>
                        <pre>
                            <code>
                                {`<TimeInput value="12:44:23"/>`}
                            </code>
                        </pre>
                    </li>
                    <li>
                        <h4>Time input with limit range</h4>
                        <TimeInput value="11:21:08" begin="8:30" end="16:45:08"/>
                        <pre>
                            <code>
                                {`<TimeInput value="11:21:08" begin="8:30" end="16:45:08"/>`}
                            </code>
                        </pre>
                    </li>
                    <li>
                        <h4>Time input onchange event</h4>
                        <p>time you selected is {this.state.showTime}</p>
                        <TimeInput onChange={this.handleTimeChange.bind(this)} value={this.state.showTime}/>
                        <pre>
                            <code>
                                {`<TimeInput onChange={handleTimeChange} value={value}/>`}
                            </code>
                        </pre>
                    </li>
                    <li>
                        <h4>simple</h4>
                        <TimeInput simple={true} value="2:12"/>
                        <pre>
                            <code>
                                {`<TimeInput simple={true} value="2:12"/>`}
                            </code>
                        </pre>
                    </li>
                </ul>
            </div>
        );
    }
}