UITimePicker

Create a simple input with time-picker functionality.

Properties

Name	Type	Default	Description
placeholder	string		Required - The text of the placeholder if no time is selected
value	string		Required - The time to present in the input, should be in HH:mm format (12:00), if empty string, value will be set to "now"
disabled	boolean	false	Set to true to disable input
onChange	function		Callback for when the input is changed, callback will be called with one argument, the new value in HH:mm format

Example

import {UITimePicker} from 'writer'

render($$) {
    return $$('div').append(
        $$(UITimePicker, {
            value: '11:15',
            disabled: false,
            onChange: (newValue) => {
                this.extendState({ inputTimeValue: newValue })
            },
        }).ref('myInputTimeValue')
    )
}