# Key Features

Develop powerful and lightweight web applications using ASP.NET MVC controls. Learn more about the ComponentOne MVC controls in ASP.NET MVC documentation.

## Content

Calendar offers many advanced features beyond simple scheduling. These features are listed below:

* [FirstDayofWeek](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.Calendar.FirstDayOfWeek.html)
    Set its value to a Day that you want to display in the first column of the calendar.
<br>
* [Value](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.Calendar.Value.html)
    Provides the currently selected date by the user.
<br>
* [Max](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.Calendar.Max.html)
    Set its value to restrict range of the latest date that a user can select in the calendar.
<br>
* [Min](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.Calendar.Min.html)
    Set its value to restrict range of the earliest date that a user can select in the calendar.
<br>
* [MonthView](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.Calendar.MonthView.html)
    Indicates whether the calendar displays a month or a year.

## Key Actions

| Property | Type | Values | Description |
| -------- | ---- | ------ | ----------- |
| <span class="cf0" style="box-sizing: content-box; margin: 0px; padding: 0px; transition: filter 0.5s ease-in-out; line-height: 25.6px;">focus-mode</span> | Boolean | true / false | <span class="cf0" style="box-sizing: content-box; margin: 0px; padding: 0px; transition: filter 0.5s ease-in-out; line-height: 25.6px;">true: Selected date displays a focus border.</span><br><br><span class="cf0" style="box-sizing: content-box; margin: 0px; padding: 0px; transition: filter 0.5s ease-in-out; line-height: 25.6px;">false: No border is displayed after selection.</span> |
| <span class="cf0" style="box-sizing: content-box; margin: 0px; padding: 0px; transition: filter 0.5s ease-in-out; line-height: 25.6px;">key-action-tab</span> | <span class="cf0" style="box-sizing: content-box; margin: 0px; padding: 0px; transition: filter 0.5s ease-in-out; line-height: 25.6px;">CalendarTabKeyAction</span> | <span class="cf0" style="box-sizing: content-box; margin: 0px; padding: 0px; transition: filter 0.5s ease-in-out; line-height: 25.6px;">None / All</span> | <span class="cf0" style="box-sizing: content-box; margin: 0px; padding: 0px; transition: filter 0.5s ease-in-out; line-height: 25.6px;">None: Browser handles tab navigation normally.</span><br><br><span class="cf0" style="box-sizing: content-box; margin: 0px; padding: 0px; transition: filter 0.5s ease-in-out; line-height: 25.6px;">All: Allows tabbing through all interactive elements in the calendar.</span> |
| <span class="cf0" style="box-sizing: content-box; margin: 0px; padding: 0px; transition: filter 0.5s ease-in-out; line-height: 25.6px;">aria-label</span> | <span class="cf0" style="box-sizing: content-box; margin: 0px; padding: 0px; transition: filter 0.5s ease-in-out; line-height: 25.6px;">String</span> | <span class="cf0" style="box-sizing: content-box; margin: 0px; padding: 0px; transition: filter 0.5s ease-in-out; line-height: 25.6px;">User-defined</span> | <span class="cf0" style="box-sizing: content-box; margin: 0px; padding: 0px; transition: filter 0.5s ease-in-out; line-height: 25.6px;">Provides an ARIA label for accessibility tools such as screen readers.</span> |