import { templateFormatter } from 'input-format'

// Parses input text characters one-by-one.
// `character` is the currently parsed input text character.
// `value` is the parsed value so far.
//
const parse = (character, value) =>
{
  if (character >= '0' && character <= '9')
  {
    return character
  }
}

// Formats phone number digits using a template.
// Can also be a function of `value` returning `{ text, template }`.
const format = 'x (xxx) xxx-xx-xx'

import { ReactInput } from 'input-format'

<ReactInput
  value={this.state.phone}
  onChange={phone => this.setState({ phone })}
  parse={parse}
  format={format}/>

import { InputController } from 'input-format'

const input = document.querySelector('input')

const inputController = new InputController(input, parse, format, onChange)

inputController.onCut(event)
inputController.onPaste(event)
inputController.onChange(event)
inputController.onKeyDown(event)