I am writing a ReactJS application, and I want to disable the input on a date/time field, which includes the `react-bootstrap-datetimepicker`. Disabling the input field works fine, but the glyph used to bring up the datepicker, when clicked, is still active, and it allows the user to select a date, which is added to the input field. It just seems to prevent typing.

Does anyone know a way around this?

```
<DateTimeField
    inputFormat='HH:mm'
    data-hour-format="24"
    mode='time'
    name="formInputTime"
    id={inputID}
    defaultText={this._getICEField(i-1, "time")}
    onChange={this._generateEventHandler(i-1, "time")}
    inputProps={{disabled: readOnly}}
/>

```

In this image the input field is set as `disabled`, but the calendar still appears, and a date can be set:

[![enter image description here](https://i.stack.imgur.com/mfQcJ.png)](https://i.stack.imgur.com/mfQcJ.png)

Here is an example on [jsfiddle](http://jsfiddle.net/xb5vbbp1/).