Merge branch 'abyr-readonly_header_input'

1 files changed, 7 insertions, 1 deletions

diff --git a/src/Header.jsx b/src/Header.jsx
index 1520d25..21d557e 100644
--- a/src/Header.jsx
+++ b/src/Header.jsx
@@ -10,6 +10,7 @@ class Header extends Component {
     placeholder: PropTypes.string,
     clearText: PropTypes.string,
     value: PropTypes.object,
+    inputReadOnly: PropTypes.bool,
     hourOptions: PropTypes.array,
     minuteOptions: PropTypes.array,
     secondOptions: PropTypes.array,
@@ -26,6 +27,10 @@ class Header extends Component {
     onKeyDown: PropTypes.func,
   };
 
+  static defaultProps = {
+    inputReadOnly: false,
+  }
+
   constructor(props) {
     super(props);
     const { value, format } = props;
@@ -166,7 +171,7 @@ class Header extends Component {
   }
 
   getInput() {
-    const { prefixCls, placeholder } = this.props;
+    const { prefixCls, placeholder, inputReadOnly } = this.props;
     const { invalid, str } = this.state;
     const invalidClass = invalid ? `${prefixCls}-input-invalid` : '';
     return (
@@ -177,6 +182,7 @@ class Header extends Component {
         value={str}
         placeholder={placeholder}
         onChange={this.onInputChange}
+        readOnly={!!inputReadOnly}
       />
     );
   }