<h1>
    InputDate Customization
</h1>

<p>
    You can customize the appearance of the InputDate and
    its drop-down calendar using CSS. You can also use the
    calendar's <b>formatItem</b> event to customize the
    appearance of specific dates in the drop-down
    calendar.
</p>
<p>
    For example, the InputDate below applies custom styles to
    weekends and holidays:
</p>
@Html.C1().InputDate().Id("theInputDate")
<div>
    The current date is <b><span id="theInputDateOutput"></span></b>.
</div>