React component for select range in the form

React component for select range in the form

support select range between "from point" and "to point".

Build Status codecov.io npm version npm Dependencies

React two points range selector

the html5 input range only supports one point, and it's not easy to use for mobile. this npm pack is an alternative solution with input checkbox
Demo

Features

  • based on BEM
  • has "is-start " class, "in-range" and "is-end" class for special styling set
  • support initial selected range
  • support customize range
  • standalong react plugin with options set for your quick prototype, check the Demo

License

MIT licensed

Release

1.3.0

  • add package feature

1.2.0

  • MIT licensed

1.1.1

  • reduce package size: move test and demo code from build package
  • add npmignore

1.1.0

  • add feature: pass state to parent component (rangeUpdate)

1.0.2

  • fix single selected not showing bug
  • add unit test for the bug

1.0.1

Refactor:

  • Main
  • checkbox
  • folder structure

Test:

  • Enzyme test in main
  • snapshot update

Chore:

  • update React to 16
  • dev dependencies update
  • replace deprecated dependency
  • eslint rule update

Docs:

  • dependency badge
  • download badge

details

Special thanks

Analytics

Github Repository

Tags: #React #Select