@dprovodnikov/time-input

1.0.8 • Public • Published

React time input

Smart time input for react applications

Example

Installation

$ npm install @dprovodnikov/time-input

Usage example

You provide your own input representation using render props

import TimeInput from '@dprovodnikov/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

Readme

Keywords

Package Sidebar

Install

npm i @dprovodnikov/time-input

Weekly Downloads

0

Version

1.0.8

License

MIT

Unpacked Size

74 kB

Total Files

18

Last publish

Collaborators

  • dprovodnikov