<h1>
    Input Dates and Times
</h1>

<p>
    Javascript Date objects contain date and time information.
</p>
<p>
    Because in many cases only the date or time are relevant to
    the application, Wijmo offers separate controls for editing
    dates, times, or both.
</p>
<p>
    The <b>InputDate</b> and <b>InputTime</b> controls can be
    used separately or together, to edit the date and time
    information in a Javascript <b>Date</b> object.
</p>
<div class="demo-settings">
    <label for="theInputDateOnly">InputDate: </label>
    @Html.C1().InputDate().Id("theInputDateOnly")
    <br>
    <label for="theInputTimeOnly">InputTime: </label>
    @Html.C1().InputTime().Id("theInputTimeOnly")
</div>
<p>
    If you prefer to edit the date and time parts of a <b>Date</b>
    object using a single control, use the <b>InputDateTime</b>:
</p>
<div class="demo-settings">
    <label for="theInputDateTime">InputDateTime: </label>
    @Html.C1().InputDateTime().Id("theInputDateTime")
</div>
<p>
    The current date/time is: <b><span id="dateTime"></span></b>.
</p>