Time controls comprise of a surround and 4 styles, toggled by optional attributes and classes. The attribute should be added to the <input> tag, and classes should follow on from the surrounding <div>.
| Style | Attribute | Value | Standard Example | Inline Example |
|---|---|---|---|---|
| Standard | ||||
| Disabled |
class
disabled |
disabled
disabled |
||
| Invalid | class | invalid | ||
| Read Only |
class
readonly |
readonly
readonly |
||
<div class="form-group time">
<label for="<!-- Input control ID goes here -->"><!-- Label text goes here -->:</label>
<div class="control-input">
<input type="text" class="form-control time" id="<!-- Input control ID goes here -->" name="<!-- Input control name goes here -->" placeholder="Enter time" value="<!-- Input control value goes here -->">
<span class="add-on">
<span class="glyphicon glyphicon-time"></span>
</span>
</div>
</div>