feat: Add class name for the input element (#146)

* Import types from DefinitelyType

* Add class name prop for the input element

* Fix inputClassName being undefined adding an extra space

Author: Amwam

README.md

@@ -57,6 +57,7 @@ API
 | value                   | moment                            | null | current value |
 | placeholder             | String                            | '' | time input's placeholder |
 | className               | String                            | '' | time picker className |
+| inputClassName          | String                            | '' | time picker input element className |
 | id                      | String                            | '' | time picker id |
 | popupClassName          | String                            | '' | time panel className |
 | popupStyle              | object                            | {} | customize popup style

index.d.ts

@@ -13,6 +13,7 @@ declare module "rc-time-picker" {
     value?: Moment;
     placeholder?: string;
     className?: string;
+    inputClassName?: string;
     id?: string;
     popupClassName?: string;
     popupStyle?: any;

src/TimePicker.jsx

@@ -37,6 +37,7 @@ class Picker extends Component {
     showSecond: PropTypes.bool,
     style: PropTypes.object,
     className: PropTypes.string,
+    inputClassName: PropTypes.string,
     popupClassName: PropTypes.string,
     popupStyle: PropTypes.object,
     disabledHours: PropTypes.func,
@@ -71,6 +72,7 @@ class Picker extends Component {
     inputReadOnly: false,
     style: {},
     className: '',
+    inputClassName: '',
     popupClassName: '',
     popupStyle: {},
     id: '',
@@ -326,6 +328,7 @@ class Picker extends Component {
       transitionName,
       style,
       className,
+      inputClassName,
       getPopupContainer,
       name,
       autoComplete,
@@ -356,7 +359,7 @@ class Picker extends Component {
       >
         <span className={classNames(prefixCls, className)} style={style}>
           <input
-            className={`${prefixCls}-input`}
+            className={classNames(`${prefixCls}-input`, inputClassName)}
             ref={this.saveInputRef}
             type="text"
             placeholder={placeholder}