# C1.Web.Mvc.Calendar

## Content

<div class="doc-site-dotnet-api-container">



  <h1 id="C1_Web_Mvc_Calendar" data-uid="C1.Web.Mvc.Calendar" class="text-break">Calendar Class
</h1>
  <div class="markdown level0 summary"><p>The Calendar control displays a one-month calendar and allows users to select a date.</p>
</div>
  <div class="markdown level0 conceptual"></div>
  <div class="inheritance">
    <h5>Inheritance</h5>
    <div class="level0"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.object">object</a></div>
    <div class="level1"><a class="xref" href="C1.Web.Mvc.Component.html">Component</a></div>
    <div class="level2"><a class="xref" href="C1.Web.Mvc.Control.html">Control</a></div>
    <div class="level3"><a class="xref" href="C1.Web.Mvc.InputBase.html">InputBase</a></div>
    <div class="level4"><span class="xref">Calendar</span></div>
  </div>
  <div class="implements">
    <h5>Implements</h5>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.html.ihtmlcontent">IHtmlContent</a></div>
    <div><a class="xref" href="C1.Web.Mvc.ITemplate.html">ITemplate</a></div>
  </div>
  <h6><strong>Namespace</strong>: <a class="xref" href="C1.Web.Mvc.html">C1.Web.Mvc</a></h6>
  <h6><strong>Assembly</strong>: C1.AspNetCore.Mvc.dll</h6>
  <h5 id="C1_Web_Mvc_Calendar_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public class Calendar : InputBase, IHtmlContent, ITemplate</code></pre>
  </div>
  <div class="codewrapper">
    <pre><code class="lang-vbnet hljs">Public Class Calendar
    Inherits InputBase
    Implements IHtmlContent, ITemplate</code></pre>
  </div>
  <h3 id="constructors">Constructors
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Web_Mvc_Calendar__ctor_Microsoft_AspNetCore_Mvc_Rendering_IHtmlHelper_System_String_" data-uid="C1.Web.Mvc.Calendar.#ctor(Microsoft.AspNetCore.Mvc.Rendering.IHtmlHelper,System.String)">
          <a class="xref" href="C1.Web.Mvc.Calendar.-ctor.html#C1_Web_Mvc_Calendar__ctor_Microsoft_AspNetCore_Mvc_Rendering_IHtmlHelper_System_String_">Calendar(IHtmlHelper, string)</a>
        </td>
        <td class="markdown level1 summary"><p>Creates one <a class="xref" href="C1.Web.Mvc.Calendar.html">Calendar</a> instance.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="properties">Properties
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Web_Mvc_Calendar_AriaLabel" data-uid="C1.Web.Mvc.Calendar.AriaLabel">
          <a class="xref" href="C1.Web.Mvc.Calendar.AriaLabel.html#C1_Web_Mvc_Calendar_AriaLabel">AriaLabel</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the aria-label attribute of &quot;Calendar&quot; element.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_DisplayMonth" data-uid="C1.Web.Mvc.Calendar.DisplayMonth">
          <a class="xref" href="C1.Web.Mvc.Calendar.DisplayMonth.html#C1_Web_Mvc_Calendar_DisplayMonth">DisplayMonth</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the month displayed in the calendar.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_FirstDayOfWeek" data-uid="C1.Web.Mvc.Calendar.FirstDayOfWeek">
          <a class="xref" href="C1.Web.Mvc.Calendar.FirstDayOfWeek.html#C1_Web_Mvc_Calendar_FirstDayOfWeek">FirstDayOfWeek</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that represents the first day of the week, the one displayed in the first column of the calendar.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_FocusMode" data-uid="C1.Web.Mvc.Calendar.FocusMode">
          <a class="xref" href="C1.Web.Mvc.Calendar.FocusMode.html#C1_Web_Mvc_Calendar_FocusMode">FocusMode</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the focusMode enabled to support wcag related functions  of &quot; Calendar&quot; element.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_FormatDayHeaders" data-uid="C1.Web.Mvc.Calendar.FormatDayHeaders">
          <a class="xref" href="C1.Web.Mvc.Calendar.FormatDayHeaders.html#C1_Web_Mvc_Calendar_FormatDayHeaders">FormatDayHeaders</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the format used to display the headers above the days in month view.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_FormatDays" data-uid="C1.Web.Mvc.Calendar.FormatDays">
          <a class="xref" href="C1.Web.Mvc.Calendar.FormatDays.html#C1_Web_Mvc_Calendar_FormatDays">FormatDays</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the format used to display the days in month view.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_FormatMonths" data-uid="C1.Web.Mvc.Calendar.FormatMonths">
          <a class="xref" href="C1.Web.Mvc.Calendar.FormatMonths.html#C1_Web_Mvc_Calendar_FormatMonths">FormatMonths</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the format used to display the months in year view.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_FormatYear" data-uid="C1.Web.Mvc.Calendar.FormatYear">
          <a class="xref" href="C1.Web.Mvc.Calendar.FormatYear.html#C1_Web_Mvc_Calendar_FormatYear">FormatYear</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the format used to display the year above the months in year view.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_FormatYearMonth" data-uid="C1.Web.Mvc.Calendar.FormatYearMonth">
          <a class="xref" href="C1.Web.Mvc.Calendar.FormatYearMonth.html#C1_Web_Mvc_Calendar_FormatYearMonth">FormatYearMonth</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the format used to display the month and year above the calendar in month view.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_HandleWheel" data-uid="C1.Web.Mvc.Calendar.HandleWheel">
          <a class="xref" href="C1.Web.Mvc.Calendar.HandleWheel.html#C1_Web_Mvc_Calendar_HandleWheel">HandleWheel</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that determines whether the user can change the current displayMonth using the mouse wheel.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_IsReadOnly" data-uid="C1.Web.Mvc.Calendar.IsReadOnly">
          <a class="xref" href="C1.Web.Mvc.Calendar.IsReadOnly.html#C1_Web_Mvc_Calendar_IsReadOnly">IsReadOnly</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that indicates whether the user can modify the control value using the mouse and keyboard.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_ItemFormatter" data-uid="C1.Web.Mvc.Calendar.ItemFormatter">
          <a class="xref" href="C1.Web.Mvc.Calendar.ItemFormatter.html#C1_Web_Mvc_Calendar_ItemFormatter">ItemFormatter</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a formatter function to customize dates in the calendar.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_ItemValidator" data-uid="C1.Web.Mvc.Calendar.ItemValidator">
          <a class="xref" href="C1.Web.Mvc.Calendar.ItemValidator.html#C1_Web_Mvc_Calendar_ItemValidator">ItemValidator</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the name of a validator javascript function to determine whether dates are valid for selection.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_KeyActionTab" data-uid="C1.Web.Mvc.Calendar.KeyActionTab">
          <a class="xref" href="C1.Web.Mvc.Calendar.KeyActionTab.html#C1_Web_Mvc_Calendar_KeyActionTab">KeyActionTab</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the action to perform when the Tab key is pressed.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_Max" data-uid="C1.Web.Mvc.Calendar.Max">
          <a class="xref" href="C1.Web.Mvc.Calendar.Max.html#C1_Web_Mvc_Calendar_Max">Max</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the latest date that the user can select in the calendar.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_Min" data-uid="C1.Web.Mvc.Calendar.Min">
          <a class="xref" href="C1.Web.Mvc.Calendar.Min.html#C1_Web_Mvc_Calendar_Min">Min</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the earliest date that the user can select in the calendar.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_MonthCount" data-uid="C1.Web.Mvc.Calendar.MonthCount">
          <a class="xref" href="C1.Web.Mvc.Calendar.MonthCount.html#C1_Web_Mvc_Calendar_MonthCount">MonthCount</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the number of months to display within the calendar.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_MonthView" data-uid="C1.Web.Mvc.Calendar.MonthView">
          <a class="xref" href="C1.Web.Mvc.Calendar.MonthView.html#C1_Web_Mvc_Calendar_MonthView">MonthView</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value indicating whether the calendar displays a month or a year.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_OnClientDisplayMonthChanged" data-uid="C1.Web.Mvc.Calendar.OnClientDisplayMonthChanged">
          <a class="xref" href="C1.Web.Mvc.Calendar.OnClientDisplayMonthChanged.html#C1_Web_Mvc_Calendar_OnClientDisplayMonthChanged">OnClientDisplayMonthChanged</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs after the DisplayMonth property changes.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_OnClientFormatItem" data-uid="C1.Web.Mvc.Calendar.OnClientFormatItem">
          <a class="xref" href="C1.Web.Mvc.Calendar.OnClientFormatItem.html#C1_Web_Mvc_Calendar_OnClientFormatItem">OnClientFormatItem</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs when an element representing a day in the calendar has been created.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_OnClientRangeChanged" data-uid="C1.Web.Mvc.Calendar.OnClientRangeChanged">
          <a class="xref" href="C1.Web.Mvc.Calendar.OnClientRangeChanged.html#C1_Web_Mvc_Calendar_OnClientRangeChanged">OnClientRangeChanged</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs when the value of the rangeEnd property changes into a non-null value, indicating a data range has been selected.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_OnClientRangeEndChanged" data-uid="C1.Web.Mvc.Calendar.OnClientRangeEndChanged">
          <a class="xref" href="C1.Web.Mvc.Calendar.OnClientRangeEndChanged.html#C1_Web_Mvc_Calendar_OnClientRangeEndChanged">OnClientRangeEndChanged</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs when the value of the RangeEnd property changes</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_OnClientValueChanged" data-uid="C1.Web.Mvc.Calendar.OnClientValueChanged">
          <a class="xref" href="C1.Web.Mvc.Calendar.OnClientValueChanged.html#C1_Web_Mvc_Calendar_OnClientValueChanged">OnClientValueChanged</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs after a new date is selected.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_RangeEnd" data-uid="C1.Web.Mvc.Calendar.RangeEnd">
          <a class="xref" href="C1.Web.Mvc.Calendar.RangeEnd.html#C1_Web_Mvc_Calendar_RangeEnd">RangeEnd</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the last selected date in a range selection.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_RangeMax" data-uid="C1.Web.Mvc.Calendar.RangeMax">
          <a class="xref" href="C1.Web.Mvc.Calendar.RangeMax.html#C1_Web_Mvc_Calendar_RangeMax">RangeMax</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the maximum length allowed when editing date ranges.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_RangeMin" data-uid="C1.Web.Mvc.Calendar.RangeMin">
          <a class="xref" href="C1.Web.Mvc.Calendar.RangeMin.html#C1_Web_Mvc_Calendar_RangeMin">RangeMin</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the minimum number of days allowed when editing date ranges.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_RepeatButtons" data-uid="C1.Web.Mvc.Calendar.RepeatButtons">
          <a class="xref" href="C1.Web.Mvc.Calendar.RepeatButtons.html#C1_Web_Mvc_Calendar_RepeatButtons">RepeatButtons</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that determines whether the calendar buttons should act as repeat buttons, firing repeatedly as the button remains pressed.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_SelectionMode" data-uid="C1.Web.Mvc.Calendar.SelectionMode">
          <a class="xref" href="C1.Web.Mvc.Calendar.SelectionMode.html#C1_Web_Mvc_Calendar_SelectionMode">SelectionMode</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that indicates whether users can select days, months, or no values at all.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_ShowHeader" data-uid="C1.Web.Mvc.Calendar.ShowHeader">
          <a class="xref" href="C1.Web.Mvc.Calendar.ShowHeader.html#C1_Web_Mvc_Calendar_ShowHeader">ShowHeader</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value indicating whether the control displays the header area with the current month and navigation buttons.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_ShowMonthPicker" data-uid="C1.Web.Mvc.Calendar.ShowMonthPicker">
          <a class="xref" href="C1.Web.Mvc.Calendar.ShowMonthPicker.html#C1_Web_Mvc_Calendar_ShowMonthPicker">ShowMonthPicker</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that determines whether the calendar should display a list of months when the user clicks the header element on the month calendar.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_ShowYearPicker" data-uid="C1.Web.Mvc.Calendar.ShowYearPicker">
          <a class="xref" href="C1.Web.Mvc.Calendar.ShowYearPicker.html#C1_Web_Mvc_Calendar_ShowYearPicker">ShowYearPicker</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that determines whether the calendar should display a list of years when the user clicks the header element on the year calendar.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_Value" data-uid="C1.Web.Mvc.Calendar.Value">
          <a class="xref" href="C1.Web.Mvc.Calendar.Value.html#C1_Web_Mvc_Calendar_Value">Value</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the currently selected date.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_WeeksAfter" data-uid="C1.Web.Mvc.Calendar.WeeksAfter">
          <a class="xref" href="C1.Web.Mvc.Calendar.WeeksAfter.html#C1_Web_Mvc_Calendar_WeeksAfter">WeeksAfter</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the number of weeks to show on the calendar after the current month.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_Calendar_WeeksBefore" data-uid="C1.Web.Mvc.Calendar.WeeksBefore">
          <a class="xref" href="C1.Web.Mvc.Calendar.WeeksBefore.html#C1_Web_Mvc_Calendar_WeeksBefore">WeeksBefore</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the number of weeks to show on the calendar before the current month.</p>
</td>
      </tr>
    </tbody>
  </table>

</div>
