react-delayed-input

A small React input component designed to put off triggering onChange until the element is blurred.

usage

DelayedInput takes the same props as input. If present, an onBlur handler will be triggered before the onChange handler.

example

import React from 'react'
import DelayedInput from '@lafayette-college-libraries/react-delayed-input'

export default class DateComponent extends React.Component {
  constructor (props) {
    super(props)

    this.state = {
      value: props.value || ''
    }
  }

  render () {
    return (
      <div>
        <p key="display">{this.state.value}</p>
        <DelayedInput
          onChange={value => this.setState({value})}
          type="date"
          value={this.state.value}
        />
      </div>
    )
  }
}

license

GPL-3.0