{"repo":"gpietro/react-numpad","free":true,"listed":false,"github":"https://github.com/gpietro/react-numpad","clone":"git clone https://github.com/gpietro/react-numpad.git","description":"A numpad for number, date and time, built with and for React.","language":"JavaScript","stars":139,"topics":["react","numpad","timepicker","number-input","calendar","datepicker"],"license":"MIT","category":"productivity","readme_excerpt":"React numpad A numpad for number, date and time, built with and for React. It's written with the extensibility in mind. The idea of this project is to cover the majority of input types in a form. Demo / Examples Live demo: gpietro.github.io/react-numpad-demo Installation To use React-Numpad, install it from NPM and include it in your own React build process (using Webpack, etc). At this point you can import react-numpad in your application Usage React-NumPad generates an input field containing the selected value, so you can submit it as part of a standard form. You can also listen for changes with the onChange event property. When the value is changed, onChange(selectedValue) will fire. React-NumPad is built based on a \"main\" component (NumPad.js). Following the higher-order component technique, is possible to create new components by simply overriding few common properties. Property Type Default Description :------------ :------------------- :----------- :--------------------------------------------------------------------------------------------------------------------------------- onChange function required function called when value change and is valid. placeholder string none text to display as input placeholder. label string none text to display as input label. position string flex-end Position to the screen. center , flex-start , flex-end , startBottomLeft , startBottomRight , startTopLeft , startTopRight theme string or object numpad string as the name of the theme or","default_branch":null,"files":null,"tree":[],"storefront":"/r/gpietro","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/gpietro/react-numpad/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}