<h1>
    InputDate Formatting
</h1>

<p>
    Use the InputDate's <b>format</b> property to format
    and parse date values to suit your app.
</p>
<p>
    The syntax of the <b>format</b> parameter is similar to
    the one used in .NET and is
    <a href="http://helpcentral.componentone.com/nethelp/c1mvchelpers/wijmo.Globalize.Class.html#formatDate" target="_blank">documented here</a>.
</p>
<div id="inputDates" class="demo-settings">
    @{ 
        var formats = new[] { "d", "D", "M", "d/M/yy", "MMMM dd, yyyy" };
    }
    @for(var i = 0; i < formats.Length; i++)
    {
        var fmt = formats[i];
        var id = "theInputDateF" + i;
        <label for="@id">@fmt: </label>
        @Html.C1().InputDate().Id(id)
        <br />
    }
</div>