<h1>
    InputTime
</h1>

<p>
    The InputTime control extends the ComboBox class to allow
    easy entry and editing of time values.
</p>
<p>
    The main properties in the InputTime control are:
    <ul>
        <li>
            <b>value</b>: Gets or sets the currently selected time.
        </li>
        <li>
            <b>min, max, step</b>: Determine the times shown in the
            control's drop-down list.
        </li>
        <li>
            <b>format</b>: Gets or sets the format string used to
            display and parse time values.
        </li>
        <li>
            <b>isEditable</b>: Determines whether users should be
            allowed to enter time values not shown on the drop-down list.
        </li>
    </ul>
<p>
    The <b>InputDate</b> and <b>InputTime</b> controls can be
    used separately or together, to edit the date and time
    information in Javascript <b>Date</b> objects.
</p>
<div class="demo-settings">
    <label for="theInputDate">InputDate: </label>
    @Html.C1().InputDate().Id("theInputDate")
    <br>
    <label for="theInputTime">InputTime: </label>
    @Html.C1().InputTime().Id("theInputTime")
</div>
<p>
    The current date/time is: <b><span id="dateTime"></span></b>.
</p>