React time input

Smart time input for react applications

!Example

Installation

``bash
$ npm install @madappgang/time-input
`

Usage example

You provide your own input representation using render props

`javascript
import TimeInput from '@madappgang/time-input';

...

this.state = {
time: { hours: 0, minutes: 0, prefix: 'am' }, // i/o time format
};

return (
time={this.state.time}
onChange={time => this.setState({ time })} // { hours, minutes, prefix }
>
{({ value, onChange, onKeyDown, onBlur }) => (
value={value}
onChange={onChange}
onKeyDown={onKeyDown}
onBlur={onBlur}
/>
)}

);
``

Available props

| Prop | Type | Description |
|:----:|:----:|:-----------:|
| value | String | The intermediate input value |
| invalid | Bool | The input value validity indicator |
| onChange | Func | Input value change event handler |
| onKeyDown | Func | Input value keyDown event handler |
| onBlur | Func | Input value blur event handler |

$3

MIT