Add support for event props

Author: wojtekmaj

package.json

@@ -44,6 +44,7 @@
   "dependencies": {
     "detect-element-overflow": "^1.1.1",
     "get-user-locale": "^1.1.1",
+    "make-event-props": "^1.1.0",
     "merge-class-names": "^1.1.1",
     "prop-types": "^15.6.0",
     "react-calendar": "^2.17.4",

src/DateTimePicker.jsx

@@ -1,6 +1,7 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { polyfill } from 'react-lifecycles-compat';
+import makeEventProps from 'make-event-props';
 import mergeClassNames from 'merge-class-names';
 import detectElementOverflow from 'detect-element-overflow';
 
@@ -32,6 +33,10 @@ export default class DateTimePicker extends PureComponent {
 
   state = {};
 
+  get eventProps() {
+    return makeEventProps(this.props);
+  }
+
   componentDidMount() {
     document.addEventListener('mousedown', this.onClick);
   }
@@ -81,7 +86,11 @@ export default class DateTimePicker extends PureComponent {
   }
 
   onFocus = (event) => {
-    const { disabled } = this.props;
+    const { disabled, onFocus } = this.props;
+
+    if (onFocus) {
+      onFocus(event);
+    }
 
     // Internet Explorer still fires onFocus on disabled elements
     if (disabled) {
@@ -314,6 +323,7 @@ export default class DateTimePicker extends PureComponent {
           `${baseClassName}--${disabled ? 'disabled' : 'enabled'}`,
           className,
         )}
+        {...this.eventProps}
         onFocus={this.onFocus}
         ref={(ref) => { this.wrapper = ref; }}
       >