@madappgang/time-input
v1.0.8
Published
time input for react applications
Downloads
230
Readme
React time input
Smart time input for react applications
Installation
$ npm install @madappgang/time-input
Usage example
You provide your own input representation using render props
import TimeInput from '@madappgang/time-input';
...
this.state = {
time: { hours: 0, minutes: 0, prefix: 'am' }, // i/o time format
};
return (
<TimeInput
time={this.state.time}
onChange={time => this.setState({ time })} // { hours, minutes, prefix }
>
{({ value, onChange, onKeyDown, onBlur }) => (
<input
value={value}
onChange={onChange}
onKeyDown={onKeyDown}
onBlur={onBlur}
/>
)}
</TimeInput>
);
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 |
License
MIT