add onBlur, onKeyPress, onKeyUp, onKeyDown props

mkg0 · mkg0 · commit 2188abf52593 · 2018-03-22T16:50:24.000+03:00
diff --git a/docs/dist/index.html b/docs/dist/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>react-date-range</title>
+  </head>
+  <body>
+  <script type="text/javascript" src="main.js"></script></body>
+</html>
diff --git a/docs/dist/main.js b/docs/dist/main.js
diff --git a/src/index.js b/src/index.js
@@ -6,6 +6,7 @@ export default class ReactNumeric extends React.Component {
   constructor(props) {
     super(props);
     this.getValue = this.getValue.bind(this);
+    this.callEventHandler = this.callEventHandler.bind(this);
   }
   componentDidMount() {
     this.autonumeric = new AutoNumeric(this.input, this.props.value, {
@@ -31,12 +32,21 @@ export default class ReactNumeric extends React.Component {
     };
     return valueMapper[this.props.outputFormat](this.autonumeric);
   }
+  callEventHandler(event, eventName){
+    if(!this.props[eventName]) return;
+    this.props[eventName](event, this.getValue());
+  }
   render() {
+    const {onChange, onBlur, onKeyPress, onKeyUp, onKeyDown} = this.props;
     return (
       <input
         ref={ref => (this.input = ref)}
         type={this.props.type}
-        onChange={event => this.props.onChange(event, this.getValue())}
+        onChange={e => this.callEventHandler(e, 'onChange')}
+        onBlur={e => this.callEventHandler(e, 'onBlur')}
+        onKeyPress={e => this.callEventHandler(e, 'onKeyPress')}
+        onKeyUp={e => this.callEventHandler(e, 'onKeyUp')}
+        onKeyDown={e => this.callEventHandler(e, 'onKeyDown')}
         className={this.props.className}
         style={this.props.style}
       />
@@ -110,7 +120,7 @@ ReactNumeric.propTypes = {
   unformatOnHover: PropTypes.bool,
   unformatOnSubmit: PropTypes.bool,
   valuesToStrings: PropTypes.object,
-  wheelOn: PropTypes.string,
+  wheelOn: PropTypes.oneOf(["focus", "hover"]),
   wheelStep: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   preDefined: PropTypes.object
 };
