Time

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>