diff --git a/src/TimeInput.js b/src/TimeInput.js
index 2d5b01d..832a19b 100644
--- a/src/TimeInput.js
+++ b/src/TimeInput.js
@@ -22,25 +22,36 @@ var TimeInput = CreateReactClass({
   propTypes: {
     className: PropTypes.string,
     value: PropTypes.string,
-    onChange: PropTypes.func
+    onChange: PropTypes.func,
+    inputClassname: PropTypes.string,
+    disabled: PropTypes.bool,
+    styles: PropTypes.object
   },
   render () {
     var className = 'TimeInput'
     if (this.props.className) {
       className += (' ' + this.props.className)
     }
+    var inputClassname = 'TimeInput-input'
+    if (this.props.inputClassname) {
+      inputClassname += (' ' + this.props.inputClassname)
+    }
     return (
-      <div className={className}>
-        <input
-          className='TimeInput-input'
-          ref={(input) => { this.input = input }}
-          type='text'
-          value={this.format(this.props.value)}
-          onChange={this.handleChange}
-          onBlur={this.handleBlur}
-          onKeyDown={this.handleKeyDown}
-        />
-      </div>
+        <div className={className} style={this.props.styles && this.props.styles.wrapper}>
+          <input
+              className={inputClassname}
+              disabled={this.props.disabled}
+              style={this.props.styles && this.props.styles.input}
+              ref={(input) => {
+                this.input = input
+              }}
+              type='text'
+              value={this.format(this.props.value)}
+              onChange={this.handleChange}
+              onBlur={this.handleBlur}
+              onKeyDown={this.handleKeyDown}
+          />
+        </div>
     )
   },
   format (val) {
@@ -58,7 +69,7 @@ var TimeInput = CreateReactClass({
     if (index || index === 0) caret.set(this.input, index)
   },
   handleBlur () {
-    if (this.mounted) this.setState({ caretIndex: null })
+    if (this.mounted) this.setState({caretIndex: null})
   },
   handleEscape () {
     if (this.mounted) this.input.blur()
@@ -78,7 +89,7 @@ var TimeInput = CreateReactClass({
     event.preventDefault()
     var index = groupId * 3
     if (this.props.value.charAt(index) === ' ') index++
-    if (this.mounted) this.setState({ caretIndex: index })
+    if (this.mounted) this.setState({caretIndex: index})
   },
   handleArrows (event) {
     event.preventDefault()
@@ -197,12 +208,12 @@ var TimeInput = CreateReactClass({
       this.onChange(newValue, end)
     } else {
       var caretIndex = this.props.value.length - (newValue.length - end)
-      if (this.mounted) this.setState({ caretIndex: caretIndex })
+      if (this.mounted) this.setState({caretIndex: caretIndex})
     }
   },
   onChange: function (str, caretIndex) {
     if (this.props.onChange) this.props.onChange(this.format(str))
-    if (this.mounted && typeof caretIndex === 'number') this.setState({ caretIndex: caretIndex })
+    if (this.mounted && typeof caretIndex === 'number') this.setState({caretIndex: caretIndex})
   }
 })