CalendarView CalendarView CalendarView CalendarView Class

Definition

Represents a control that enables a user to select a date by using a visual calendar display.

public : class CalendarView : Control, ICalendarViewpublic class CalendarView : Control, ICalendarViewPublic Class CalendarView Inherits Control Implements ICalendarView// This API is not available in Javascript.
Inheritance
Attributes
Windows 10 requirements
Device family
Windows 10 (introduced v10.0.10240.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v1)

Inherited Members

Inherited properties

Inherited events

Inherited methods

Examples

This example shows phased rendering of a CalendarView for scheduling appointments. In phase 0, the default day item is rendered. In phase 1, you blackout dates that can't be booked. This includes past dates, Sundays, and dates that are already fully booked. In phase 2, you check each appointment that's booked for the day. You show a green density bar for each confirmed appointment and a blue density bar for each tentative appointment. The Bookings class in this example is from a fictitious appointment booking app, and is not shown.

<CalendarView CalendarViewDayItemChanging="CalendarView_CalendarViewDayItemChanging"/>
private void CalendarView_CalendarViewDayItemChanging(CalendarView sender, 
                                   CalendarViewDayItemChangingEventArgs args)
{
    // Render basic day items.
    if (args.Phase == 0)
    {
        // Register callback for next phase.
        args.RegisterUpdateCallback(CalendarView_CalendarViewDayItemChanging);
    }
    // Set blackout dates.
    else if (args.Phase == 1)
    {   
        // Blackout dates in the past, Sundays, and dates that are fully booked.
        if (args.Item.Date < DateTimeOffset.Now ||
            args.Item.Date.DayOfWeek == DayOfWeek.Sunday ||
            Bookings.HasOpenings(args.Item.Date) == false)
        {
            args.Item.IsBlackout = true;
        }
        // Register callback for next phase.
        args.RegisterUpdateCallback(CalendarView_CalendarViewDayItemChanging);
    }
    // Set density bars.
    else if (args.Phase == 2)
    {
        // Avoid unnecessary processing.
        // You don't need to set bars on past dates or Sundays.
        if (args.Item.Date > DateTimeOffset.Now &&
            args.Item.Date.DayOfWeek != DayOfWeek.Sunday)
        {
            // Get bookings for the date being rendered.
            var currentBookings = Bookings.GetBookings(args.Item.Date);

            List<Color> densityColors = new List<Color>();
            // Set a density bar color for each of the days bookings.
            // It's assumed that there can't be more than 10 bookings in a day. Otherwise,
            // further processing is needed to fit within the max of 10 density bars.
            foreach (booking in currentBookings)
            {
                if (booking.IsConfirmed == true)
                {
                    densityColors.Add(Colors.Green);
                }
                else
                {
                    densityColors.Add(Colors.Blue);
                }
            }
            args.Item.SetDensityColors(densityColors);
        }
    }
}

Remarks

The CalendarView gives you a standardized way to let users view and interact with a calendar. If you need to let a user select multiple dates, you must use a CalendarView. If you need to let a user pick only a single date and don’t need a calendar to be always visible, consider using a CalendarDatePicker or DatePicker control. You can use the CalendarView control in its default form with a minimal amount of Extensible Application Markup Language (XAML) or other code, or you can customize it in various ways to suit your app.

The CalendarView is made up of 3 separate views: the month view, year view, and decade view. By default, it starts with the month view open. You can specify a startup view by setting the DisplayMode property.

Calendar Month, Year, and Decade views Users click the header in the month view to open the year view, and click the header in the year view to open the decade view. Users pick a year in the decade view to return to the year view, and pick a month in the year view to return to the month view. The two arrows to the side of the header navigate forward or backward by month, by year, or by decade.

Selecting dates

By default, the SelectionMode property is set to Single. This lets a user pick a single date in the calendar. Set SelectionMode to None to disable date selection.

Set SelectionMode to Multiple to let a user select multiple dates. You can select multiple dates programmatically by adding DateTime/DateTimeOffset objects to the SelectedDates collection, as shown here:

calendarView1.SelectedDates.Add(DateTimeOffset.Now);
calendarView1.SelectedDates.Add(new DateTime(1977, 1, 5));

A user can deselect a selected date by clicking or tapping it in the calendar grid.

You can handle the SelectedDatesChanged event to be notified when the SelectedDates collection has changed.

Globalization

The CalendarView supports each of the calendar systems supported by Windows. These calendars are specified in the Windows.Globalization.CalendarIdentifiers class. The CalendarView uses the correct calendar for your app's default language, or you can set the CalendarIdentifier property to use a specific calendar system.

DateTime and Calendar values

The date objects used in a CalendarView have a different representation depending on your programming language. C# and Visual Basic use the System.DateTimeOffset structure that is part of .NET. Visual C++ component extensions (C++/CX) uses the Windows::Foundation::DateTime structure. A related concept is the Calendar class, which influences how dates are interpreted in context. All Windows Runtime apps can use the Windows.Globalization.Calendar class. C# and Visual Basic apps can alternatively use the System.Globalization.Calendar class, which has very similar functionality. (Windows Runtime app can use the base .NET Calendar class but not the specific implementations for example GregorianCalendar.)

.NET also supports a type named DateTime, which is implicitly convertible to a DateTimeOffset. So you might see a "DateTime" type being used in .NET code that's used to set values that are really DateTimeOffset. For more info on the difference between DateTime and DateTimeOffset, see Remarks in DateTimeOffset.

Note

Properties that take date objects can't be set as a XAML attribute string, because the Windows Runtime XAML parser doesn't have a conversion logic for converting strings to dates as DateTime/DateTimeOffset objects. You typically set these values in code. Another possible technique is to define a date that's available as a data object or in the data context, then set the property as a XAML attribute that references a {Binding} markup extension expression that can access the date as data.

Customizing the CalendarView's appearance

The CalendarView is composed of both Extensible Application Markup Language (XAML) elements defined in the ControlTemplate and visual elements rendered directly by the control. The Extensible Application Markup Language (XAML) elements defined in the control template include the border that encloses the control, the header, previous and next buttons, and DayOfWeek elements. You can style and re-template these elements like any Extensible Application Markup Language (XAML) control. The calendar grid is composed of CalendarViewDayItem objects. You can’t style or re-template these elements, but various properties are provided to let you to customize their appearance.

This diagram shows the elements that make up the month view of the calendar. For more info, see the Remarks on the CalendarViewDayItem class.

The elements of a calendar month view This table lists the properties you can change to modify the appearance of calendar elements.

ElementProperties
DayOfWeekDayOfWeekFormat
CalendarItemCalendarItemBackground, CalendarItemBorderBrush, CalendarItemBorderThickness, CalendarItemForeground
DayItemDayItemFontFamily, DayItemFontSize, DayItemFontStyle, DayItemFontWeight, HorizontalDayItemAlignment, VerticalDayItemAlignment, CalendarViewDayItemStyle
MonthYearItem (in the year and decade views, equivalent to DayItem)MonthYearItemFontFamily, MonthYearItemFontSize, MonthYearItemFontStyle, MonthYearItemFontWeight
FirstOfMonthLabelFirstOfMonthLabelFontFamily, FirstOfMonthLabelFontSize, FirstOfMonthLabelFontStyle, FirstOfMonthLabelFontWeight, HorizontalFirstOfMonthLabelAlignment, VerticalFirstOfMonthLabelAlignment, IsGroupLabelVisible
FirstofYearDecadeLabel (in the year and decade views, equivalent to FirstOfMonthLabel)FirstOfYearDecadeLabelFontFamily, FirstOfYearDecadeLabelFontSize, FirstOfYearDecadeLabelFontStyle, FirstOfYearDecadeLabelFontWeight
Visual State BordersFocusBorderBrush, HoverBorderBrush, PressedBorderBrush, SelectedBorderBrush, SelectedForeground, SelectedHoverBorderBrush, SelectedPressedBorderBrush
OutofScopeIsOutOfScopeEnabled, OutOfScopeBackground, OutOfScopeForeground
TodayIsTodayHighlighted, TodayFontWeight, TodayForeground

By default, the month view shows 6 weeks at a time. You can change the number of weeks shown by setting the NumberOfWeeksInView property. The minimum number of weeks to show is 2; the maximum is 8.

By default, the year and decade views show in a 4x4 grid. To change the number of rows or columns, call SetYearDecadeDisplayDimensions with the your desired number of rows and columns. This will change the grid for both the year and decade views.

Here, the year and decade views are set to show in a 3x4 grid.

calendarView1.SetYearDecadeDisplayDimensions(3, 4);

By default, the minimum date shown in the CalendarView is 100 years prior to the current date, and the maximum date shown is 100 years past the current date. You can change the minimum and maximum dates that the calendar shows by setting the MinDate and MaxDate properties.


calendarView1.MinDate = new DateTime(2000, 1, 1);
calendarView1.MaxDate = new DateTime(2099, 12, 31);

Updating calendar day items

Each day in the calendar is represented by a CalendarViewDayItem object. To access an individual day item and use its properties and methods, handle the CalendarViewDayItemChanging event and use the Item property of the event args to access the CalendarViewDayItem.

You can make a day not selectable in the CalendarView by setting its CalendarViewDayItem.IsBlackout property to true.

You can show contextual information about the density of events in a day by calling the CalendarViewDayItem.SetDensityColors method. You can show from 0 to 10 density bars for each day, and set the color of each bar.

Here are some day items in a calendar. Days 1 and 2 are blacked out. Days 2, 3, and 4 have various density bars set.

Calendar days with density bars A CalendarView can contain a large number of CalendarViewDayItem objects. To keep the UI responsive and enable smooth navigation through the calendar, CalendarView supports phased rendering. This lets you break up processing of a day item into phases. If a day is moved out of view before all the phases are complete, no more time is used trying to process and render that item.

Control style and template

You can modify the default Style and ControlTemplate to give the control a unique appearance. For information about modifying a control's style and template, see Styling controls. The default style, template, and resources that define the look of the control are included in the generic.xaml file. For design purposes, generic.xaml is available in the (Program Files)\Windows Kits\10\DesignTime\CommonConfiguration\Neutral\UAP&lt;SDK version>\Generic folder from a Windows Software Development Kit (SDK) installation. Styles and resources from different versions of the SDK might have different values.

Starting in Windows 10, version 1607 (Windows Software Development Kit (SDK) version 10.0.14393.0), generic.xaml includes resources that you can use to modify the colors of a control in different visual states without modifying the control template. In apps that target this software development kit (SDK) or later, modifying these resources is preferred to setting properties such as Background and Foreground. For more info, see the Light-weight styling section of the Styling controls article.

This table shows the resources used by the CalendarView control.

Resource keyDescription
CalendarViewBorderBrushBorder color of the calendar grid
CalendarViewFocusBorderBrushBorder color of a calendar item when focused
CalendarViewHoverBorderBrushBorder color of a calendar item on hover
CalendarViewPressedBorderBrushBorder color of a calendar item when pressed
CalendarViewSelectedBorderBrushBorder color of a selected calendar item
CalendarViewSelectedHoverBorderBrushBorder color of a selected calendar item on hover
CalendarViewSelectedPressedBorderBrushBorder color of a selected calendar item when pressed
CalendarViewBackgroundBackground color of the calendar header
CalendarViewForegroundForeground color of the calendar navigation header
CalendarViewSelectedForegroundForeground color of a selected calendar item
CalendarViewPressedForegroundForeground color of a calendar item when pressed
CalendarViewTodayForegroundForeground color of the today calendar item
CalendarViewBlackoutForegroundForeground color of blacked out calendar items
CalendarViewWeekDayForegroundDisabledColor of week and day labels when disabled
CalendarViewOutOfScopeForegroundForeground color of out of scope calendar items
CalendarViewOutOfScopeBackgroundBackground color of out of scope calendar items
CalendarViewCalendarItemForegroundForeground color of calendar items
CalendarViewCalendarItemBackgroundBackground color of calendar items
CalendarViewNavigationButtonBackgroundBackground color of the calendar navigation header
CalendarViewNavigationButtonForegroundPointerOverForeground color of the calendar navigation header on hover
CalendarViewNavigationButtonForegroundPressedForeground color of the calendar navigation header when pressed
CalendarViewNavigationButtonForegroundDisabledForeground color of the calendar navigation header when disabled

Constructors

CalendarView() CalendarView() CalendarView() CalendarView()

Initializes a new instance of the CalendarView class.

public : CalendarView()public CalendarView()Public Sub New()// This API is not available in Javascript.

Properties

BlackoutForeground BlackoutForeground BlackoutForeground BlackoutForeground

Gets or sets a brush that provides the foreground of a date that can't be selected.

public : Brush BlackoutForeground { get; set; }public Brush BlackoutForeground { get; set; }Public ReadWrite Property BlackoutForeground As Brush// This API is not available in Javascript.
<CalendarView BlackoutForeground="{StaticResource resourceName}"/>

Value
Brush Brush Brush Brush

A brush that provides the foreground of a date that can't be selected.

BlackoutForegroundProperty BlackoutForegroundProperty BlackoutForegroundProperty BlackoutForegroundProperty

Identifies the BlackoutForeground dependency property.

public : static DependencyProperty BlackoutForegroundProperty { get; }public static DependencyProperty BlackoutForegroundProperty { get; }Public Static ReadOnly Property BlackoutForegroundProperty As DependencyProperty// This API is not available in Javascript.
See Also

CalendarIdentifier CalendarIdentifier CalendarIdentifier CalendarIdentifier

Gets or sets the calendar system to use.

public : PlatForm::String CalendarIdentifier { get; set; }public string CalendarIdentifier { get; set; }Public ReadWrite Property CalendarIdentifier As string// This API is not available in Javascript.
<CalendarView CalendarIdentifier="calendarSystem"/>
Value
PlatForm::String string string string

The calendar system to use.

Remarks

CalendarIdentifierProperty CalendarIdentifierProperty CalendarIdentifierProperty CalendarIdentifierProperty

Identifies the CalendarIdentifier dependency property.

public : static DependencyProperty CalendarIdentifierProperty { get; }public static DependencyProperty CalendarIdentifierProperty { get; }Public Static ReadOnly Property CalendarIdentifierProperty As DependencyProperty// This API is not available in Javascript.
See Also

CalendarItemBackground CalendarItemBackground CalendarItemBackground CalendarItemBackground

Gets or sets a brush that provides the background of a calendar item.

public : Brush CalendarItemBackground { get; set; }public Brush CalendarItemBackground { get; set; }Public ReadWrite Property CalendarItemBackground As Brush// This API is not available in Javascript.
<CalendarView CalendarItemBackground="{StaticResource resourceName}"/>

Value
Brush Brush Brush Brush

A brush that provides the background of a calendar item.

CalendarItemBackgroundProperty CalendarItemBackgroundProperty CalendarItemBackgroundProperty CalendarItemBackgroundProperty

Identifies the CalendarItemBackground dependency property.

public : static DependencyProperty CalendarItemBackgroundProperty { get; }public static DependencyProperty CalendarItemBackgroundProperty { get; }Public Static ReadOnly Property CalendarItemBackgroundProperty As DependencyProperty// This API is not available in Javascript.
See Also

CalendarItemBorderBrush CalendarItemBorderBrush CalendarItemBorderBrush CalendarItemBorderBrush

Gets or sets a brush that provides the border of a calendar item.

public : Brush CalendarItemBorderBrush { get; set; }public Brush CalendarItemBorderBrush { get; set; }Public ReadWrite Property CalendarItemBorderBrush As Brush// This API is not available in Javascript.
<CalendarView CalendarItemBorderBrush="{StaticResource resourceName}"/>

Value
Brush Brush Brush Brush

A brush that provides the border of a calendar item.

CalendarItemBorderBrushProperty CalendarItemBorderBrushProperty CalendarItemBorderBrushProperty CalendarItemBorderBrushProperty

Identifies the CalendarItemBorderBrush dependency property.

public : static DependencyProperty CalendarItemBorderBrushProperty { get; }public static DependencyProperty CalendarItemBorderBrushProperty { get; }Public Static ReadOnly Property CalendarItemBorderBrushProperty As DependencyProperty// This API is not available in Javascript.
See Also

CalendarItemBorderThickness CalendarItemBorderThickness CalendarItemBorderThickness CalendarItemBorderThickness

Gets or sets the thickness of a calendar item's border.

public : Thickness CalendarItemBorderThickness { get; set; }public Thickness CalendarItemBorderThickness { get; set; }Public ReadWrite Property CalendarItemBorderThickness As Thickness// This API is not available in Javascript.
<CalendarView CalendarItemBorderThickness="uniform"/>
- or -
<CalendarView CalendarItemBorderThickness="left&right,top&bottom"/>
- or -
<CalendarView CalendarItemBorderThickness="left,top,right,bottom"/>

Value
Thickness Thickness Thickness Thickness

The thickness of a calendar item's border.

CalendarItemBorderThicknessProperty CalendarItemBorderThicknessProperty CalendarItemBorderThicknessProperty CalendarItemBorderThicknessProperty

Identifies the CalendarItemBorderThickness dependency property.

public : static DependencyProperty CalendarItemBorderThicknessProperty { get; }public static DependencyProperty CalendarItemBorderThicknessProperty { get; }Public Static ReadOnly Property CalendarItemBorderThicknessProperty As DependencyProperty// This API is not available in Javascript.
See Also

CalendarItemForeground CalendarItemForeground CalendarItemForeground CalendarItemForeground

Gets or sets a brush that provides the foreground of a calendar item.

public : Brush CalendarItemForeground { get; set; }public Brush CalendarItemForeground { get; set; }Public ReadWrite Property CalendarItemForeground As Brush// This API is not available in Javascript.
<CalendarView CalendarItemForeground="{StaticResource resourceName}"/>

Value
Brush Brush Brush Brush

A brush that provides the foreground of a calendar item.

CalendarItemForegroundProperty CalendarItemForegroundProperty CalendarItemForegroundProperty CalendarItemForegroundProperty

Identifies the CalendarItemForeground dependency property.

public : static DependencyProperty CalendarItemForegroundProperty { get; }public static DependencyProperty CalendarItemForegroundProperty { get; }Public Static ReadOnly Property CalendarItemForegroundProperty As DependencyProperty// This API is not available in Javascript.
See Also

CalendarViewDayItemStyle CalendarViewDayItemStyle CalendarViewDayItemStyle CalendarViewDayItemStyle

Gets or sets the Style associated with the control's internal CalendarViewDayItem object.

public : Style CalendarViewDayItemStyle { get; set; }public Style CalendarViewDayItemStyle { get; set; }Public ReadWrite Property CalendarViewDayItemStyle As Style// This API is not available in Javascript.
<CalendarView CalendarViewDayItemStyle={StaticResource styleResourceKey}/>

Value
Style Style Style Style

The Style associated with the control's internal CalendarViewDayItem object.

CalendarViewDayItemStyleProperty CalendarViewDayItemStyleProperty CalendarViewDayItemStyleProperty CalendarViewDayItemStyleProperty

Identifies the CalendarViewDayItemStyle dependency property.

public : static DependencyProperty CalendarViewDayItemStyleProperty { get; }public static DependencyProperty CalendarViewDayItemStyleProperty { get; }Public Static ReadOnly Property CalendarViewDayItemStyleProperty As DependencyProperty// This API is not available in Javascript.
See Also

DayItemFontFamily DayItemFontFamily DayItemFontFamily DayItemFontFamily

Gets or sets the font used to display day values in the calendar.

public : FontFamily DayItemFontFamily { get; set; }public FontFamily DayItemFontFamily { get; set; }Public ReadWrite Property DayItemFontFamily As FontFamily// This API is not available in Javascript.
<CalendarView DayItemFontFamily="fontFamilyValue"/>
Value
FontFamily FontFamily FontFamily FontFamily

The font used to display day values in the calendar.

DayItemFontFamilyProperty DayItemFontFamilyProperty DayItemFontFamilyProperty DayItemFontFamilyProperty

Identifies the DayItemFontFamily dependency property.

public : static DependencyProperty DayItemFontFamilyProperty { get; }public static DependencyProperty DayItemFontFamilyProperty { get; }Public Static ReadOnly Property DayItemFontFamilyProperty As DependencyProperty// This API is not available in Javascript.
See Also

DayItemFontSize DayItemFontSize DayItemFontSize DayItemFontSize

Gets or sets the font size used to display day values in the calendar.

public : double DayItemFontSize { get; set; }public double DayItemFontSize { get; set; }Public ReadWrite Property DayItemFontSize As double// This API is not available in Javascript.
<CalendarView DayItemFontSize="double"/>
Value
double double double double

The font size used to display day values in the calendar.

DayItemFontSizeProperty DayItemFontSizeProperty DayItemFontSizeProperty DayItemFontSizeProperty

Identifies the DayItemFontSize dependency property.

public : static DependencyProperty DayItemFontSizeProperty { get; }public static DependencyProperty DayItemFontSizeProperty { get; }Public Static ReadOnly Property DayItemFontSizeProperty As DependencyProperty// This API is not available in Javascript.
See Also

DayItemFontStyle DayItemFontStyle DayItemFontStyle DayItemFontStyle

Gets or sets the font style used to display day values in the calendar.

public : FontStyle DayItemFontStyle { get; set; }public FontStyle DayItemFontStyle { get; set; }Public ReadWrite Property DayItemFontStyle As FontStyle// This API is not available in Javascript.
<CalendarView DayItemFontStyle="fontStyleMemberName" />
Value
FontStyle FontStyle FontStyle FontStyle

The font style used to display day values in the calendar.

DayItemFontStyleProperty DayItemFontStyleProperty DayItemFontStyleProperty DayItemFontStyleProperty

Identifies the DayItemFontStyle dependency property.

public : static DependencyProperty DayItemFontStyleProperty { get; }public static DependencyProperty DayItemFontStyleProperty { get; }Public Static ReadOnly Property DayItemFontStyleProperty As DependencyProperty// This API is not available in Javascript.
See Also

DayItemFontWeight DayItemFontWeight DayItemFontWeight DayItemFontWeight

Gets or sets the font weight used to display day values in the calendar.

public : FontWeight DayItemFontWeight { get; set; }public FontWeight DayItemFontWeight { get; set; }Public ReadWrite Property DayItemFontWeight As FontWeight// This API is not available in Javascript.
<CalendarView DayItemFontWeight="fontWeightMemberName"/>
Value
FontWeight FontWeight FontWeight FontWeight

The font weight used to display day values in the calendar.

DayItemFontWeightProperty DayItemFontWeightProperty DayItemFontWeightProperty DayItemFontWeightProperty

Identifies the DayItemFontWeight dependency property.

public : static DependencyProperty DayItemFontWeightProperty { get; }public static DependencyProperty DayItemFontWeightProperty { get; }Public Static ReadOnly Property DayItemFontWeightProperty As DependencyProperty// This API is not available in Javascript.
See Also

DayOfWeekFormat DayOfWeekFormat DayOfWeekFormat DayOfWeekFormat

Gets or sets the display format for the day of the week headers.

public : PlatForm::String DayOfWeekFormat { get; set; }public string DayOfWeekFormat { get; set; }Public ReadWrite Property DayOfWeekFormat As string// This API is not available in Javascript.
<CalendarView DayOfWeekFormat="formatString"/>
Value
PlatForm::String string string string

The display format for the day of the week header values.

Remarks

DayOfWeekFormatProperty DayOfWeekFormatProperty DayOfWeekFormatProperty DayOfWeekFormatProperty

Identifies the DayOfWeekFormat dependency property.

public : static DependencyProperty DayOfWeekFormatProperty { get; }public static DependencyProperty DayOfWeekFormatProperty { get; }Public Static ReadOnly Property DayOfWeekFormatProperty As DependencyProperty// This API is not available in Javascript.
See Also

DisplayMode DisplayMode DisplayMode DisplayMode

Gets or sets a value that indicates whether the calendar shows a picker for month, year, or decade.

public : CalendarViewDisplayMode DisplayMode { get; set; }public CalendarViewDisplayMode DisplayMode { get; set; }Public ReadWrite Property DisplayMode As CalendarViewDisplayMode// This API is not available in Javascript.
<CalendarView DisplayMode="calendarViewDisplayModeMemberName" />
Value
CalendarViewDisplayMode CalendarViewDisplayMode CalendarViewDisplayMode CalendarViewDisplayMode

A value of the enumeration that indicates whether the calendar shows a picker for month, year, or decade. The default is Month.

DisplayModeProperty DisplayModeProperty DisplayModeProperty DisplayModeProperty

Identifies the DisplayMode dependency property.

public : static DependencyProperty DisplayModeProperty { get; }public static DependencyProperty DisplayModeProperty { get; }Public Static ReadOnly Property DisplayModeProperty As DependencyProperty// This API is not available in Javascript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the DisplayMode dependency property.

See Also

FirstDayOfWeek FirstDayOfWeek FirstDayOfWeek FirstDayOfWeek

Gets or sets a value that indicates which day is shown as the first day of the week.

public : DayOfWeek FirstDayOfWeek { get; set; }public DayOfWeek FirstDayOfWeek { get; set; }Public ReadWrite Property FirstDayOfWeek As DayOfWeek// This API is not available in Javascript.
<CalendarView FirstDayOfWeek="dayOfWeekMemberName"/>
Value
DayOfWeek DayOfWeek DayOfWeek DayOfWeek

A value of the enumeration that indicates which day is shown as the first day of the week.

FirstDayOfWeekProperty FirstDayOfWeekProperty FirstDayOfWeekProperty FirstDayOfWeekProperty

Identifies the FirstDayOfWeek dependency property.

public : static DependencyProperty FirstDayOfWeekProperty { get; }public static DependencyProperty FirstDayOfWeekProperty { get; }Public Static ReadOnly Property FirstDayOfWeekProperty As DependencyProperty// This API is not available in Javascript.
See Also

FirstOfMonthLabelFontFamily FirstOfMonthLabelFontFamily FirstOfMonthLabelFontFamily FirstOfMonthLabelFontFamily

Gets or sets the font used to display the first-of-month banner in the calendar.

public : FontFamily FirstOfMonthLabelFontFamily { get; set; }public FontFamily FirstOfMonthLabelFontFamily { get; set; }Public ReadWrite Property FirstOfMonthLabelFontFamily As FontFamily// This API is not available in Javascript.
<CalendarView FirstOfMonthLabelFontFamily="fontFamilyValue"/>
Value
FontFamily FontFamily FontFamily FontFamily

The font used to display the first-of-month banner in the calendar.

FirstOfMonthLabelFontFamilyProperty FirstOfMonthLabelFontFamilyProperty FirstOfMonthLabelFontFamilyProperty FirstOfMonthLabelFontFamilyProperty

Identifies the FirstOfMonthLabelFontFamily dependency property.

public : static DependencyProperty FirstOfMonthLabelFontFamilyProperty { get; }public static DependencyProperty FirstOfMonthLabelFontFamilyProperty { get; }Public Static ReadOnly Property FirstOfMonthLabelFontFamilyProperty As DependencyProperty// This API is not available in Javascript.
See Also

FirstOfMonthLabelFontSize FirstOfMonthLabelFontSize FirstOfMonthLabelFontSize FirstOfMonthLabelFontSize

Gets or sets the font size used to display the first-of-month banner in the calendar.

public : double FirstOfMonthLabelFontSize { get; set; }public double FirstOfMonthLabelFontSize { get; set; }Public ReadWrite Property FirstOfMonthLabelFontSize As double// This API is not available in Javascript.
<CalendarView FirstOfMonthLabelFontSize="double"/>
Value
double double double double

The font size used to display the first-of-month banner in the calendar.

FirstOfMonthLabelFontSizeProperty FirstOfMonthLabelFontSizeProperty FirstOfMonthLabelFontSizeProperty FirstOfMonthLabelFontSizeProperty

Identifies the FirstOfMonthLabelFontSize dependency property.

public : static DependencyProperty FirstOfMonthLabelFontSizeProperty { get; }public static DependencyProperty FirstOfMonthLabelFontSizeProperty { get; }Public Static ReadOnly Property FirstOfMonthLabelFontSizeProperty As DependencyProperty// This API is not available in Javascript.
See Also

FirstOfMonthLabelFontStyle FirstOfMonthLabelFontStyle FirstOfMonthLabelFontStyle FirstOfMonthLabelFontStyle

Gets or sets the font style used to display the first-of-month banner in the calendar.

public : FontStyle FirstOfMonthLabelFontStyle { get; set; }public FontStyle FirstOfMonthLabelFontStyle { get; set; }Public ReadWrite Property FirstOfMonthLabelFontStyle As FontStyle// This API is not available in Javascript.
<CalendarView FirstOfMonthLabelFontStyle="fontStyleMemberName" />
Value
FontStyle FontStyle FontStyle FontStyle

The font style used to display the first-of-month banner in the calendar.

FirstOfMonthLabelFontStyleProperty FirstOfMonthLabelFontStyleProperty FirstOfMonthLabelFontStyleProperty FirstOfMonthLabelFontStyleProperty

Identifies the FirstOfMonthLabelFontStyle dependency property.

public : static DependencyProperty FirstOfMonthLabelFontStyleProperty { get; }public static DependencyProperty FirstOfMonthLabelFontStyleProperty { get; }Public Static ReadOnly Property FirstOfMonthLabelFontStyleProperty As DependencyProperty// This API is not available in Javascript.
See Also

FirstOfMonthLabelFontWeight FirstOfMonthLabelFontWeight FirstOfMonthLabelFontWeight FirstOfMonthLabelFontWeight

Gets or sets the font weight used to display the first-of-month banner in the calendar.

public : FontWeight FirstOfMonthLabelFontWeight { get; set; }public FontWeight FirstOfMonthLabelFontWeight { get; set; }Public ReadWrite Property FirstOfMonthLabelFontWeight As FontWeight// This API is not available in Javascript.
<CalendarView FirstOfMonthLabelFontWeight="fontWeightMemberName"/>
Value
FontWeight FontWeight FontWeight FontWeight

The font weight used to display the first-of-month banner in the calendar.

FirstOfMonthLabelFontWeightProperty FirstOfMonthLabelFontWeightProperty FirstOfMonthLabelFontWeightProperty FirstOfMonthLabelFontWeightProperty

Identifies the FirstOfMonthLabelFontWeight dependency property.

public : static DependencyProperty FirstOfMonthLabelFontWeightProperty { get; }public static DependencyProperty FirstOfMonthLabelFontWeightProperty { get; }Public Static ReadOnly Property FirstOfMonthLabelFontWeightProperty As DependencyProperty// This API is not available in Javascript.
See Also

FirstOfYearDecadeLabelFontFamily FirstOfYearDecadeLabelFontFamily FirstOfYearDecadeLabelFontFamily FirstOfYearDecadeLabelFontFamily

Gets or sets the font used to display the first-of-year banner in the calendar.

public : FontFamily FirstOfYearDecadeLabelFontFamily { get; set; }public FontFamily FirstOfYearDecadeLabelFontFamily { get; set; }Public ReadWrite Property FirstOfYearDecadeLabelFontFamily As FontFamily// This API is not available in Javascript.
<CalendarView FirstOfYearDecadeLabelFontFamily="fontFamilyValue"/>
Value
FontFamily FontFamily FontFamily FontFamily

The font used to display the first-of-year banner in the calendar.

FirstOfYearDecadeLabelFontFamilyProperty FirstOfYearDecadeLabelFontFamilyProperty FirstOfYearDecadeLabelFontFamilyProperty FirstOfYearDecadeLabelFontFamilyProperty

Identifies the FirstOfYearDecadeLabelFontFamily dependency property.

public : static DependencyProperty FirstOfYearDecadeLabelFontFamilyProperty { get; }public static DependencyProperty FirstOfYearDecadeLabelFontFamilyProperty { get; }Public Static ReadOnly Property FirstOfYearDecadeLabelFontFamilyProperty As DependencyProperty// This API is not available in Javascript.
See Also

FirstOfYearDecadeLabelFontSize FirstOfYearDecadeLabelFontSize FirstOfYearDecadeLabelFontSize FirstOfYearDecadeLabelFontSize

Gets or sets the font size used to display the first-of-year banner in the calendar.

public : double FirstOfYearDecadeLabelFontSize { get; set; }public double FirstOfYearDecadeLabelFontSize { get; set; }Public ReadWrite Property FirstOfYearDecadeLabelFontSize As double// This API is not available in Javascript.
<CalendarView FirstOfYearDecadeLabelFontSize="double"/>
Value
double double double double

The font size used to display the first-of-year banner in the calendar.

FirstOfYearDecadeLabelFontSizeProperty FirstOfYearDecadeLabelFontSizeProperty FirstOfYearDecadeLabelFontSizeProperty FirstOfYearDecadeLabelFontSizeProperty

Identifies the FirstOfYearDecadeLabelFontSize dependency property.

public : static DependencyProperty FirstOfYearDecadeLabelFontSizeProperty { get; }public static DependencyProperty FirstOfYearDecadeLabelFontSizeProperty { get; }Public Static ReadOnly Property FirstOfYearDecadeLabelFontSizeProperty As DependencyProperty// This API is not available in Javascript.
See Also

FirstOfYearDecadeLabelFontStyle FirstOfYearDecadeLabelFontStyle FirstOfYearDecadeLabelFontStyle FirstOfYearDecadeLabelFontStyle

Gets or sets the font style used to display the first-of-year banner in the calendar.

public : FontStyle FirstOfYearDecadeLabelFontStyle { get; set; }public FontStyle FirstOfYearDecadeLabelFontStyle { get; set; }Public ReadWrite Property FirstOfYearDecadeLabelFontStyle As FontStyle// This API is not available in Javascript.
<CalendarView FirstOfYearDecadeLabelFontStyle="fontStyleMemberName" />
Value
FontStyle FontStyle FontStyle FontStyle

The font style used to display the first-of-year banner in the calendar.

FirstOfYearDecadeLabelFontStyleProperty FirstOfYearDecadeLabelFontStyleProperty FirstOfYearDecadeLabelFontStyleProperty FirstOfYearDecadeLabelFontStyleProperty

Identifies the FirstOfYearDecadeLabelFontStyle dependency property.

public : static DependencyProperty FirstOfYearDecadeLabelFontStyleProperty { get; }public static DependencyProperty FirstOfYearDecadeLabelFontStyleProperty { get; }Public Static ReadOnly Property FirstOfYearDecadeLabelFontStyleProperty As DependencyProperty// This API is not available in Javascript.
See Also

FirstOfYearDecadeLabelFontWeight FirstOfYearDecadeLabelFontWeight FirstOfYearDecadeLabelFontWeight FirstOfYearDecadeLabelFontWeight

Gets or sets the font weight used to display the first-of-year banner in the calendar.

public : FontWeight FirstOfYearDecadeLabelFontWeight { get; set; }public FontWeight FirstOfYearDecadeLabelFontWeight { get; set; }Public ReadWrite Property FirstOfYearDecadeLabelFontWeight As FontWeight// This API is not available in Javascript.
<CalendarView FirstOfYearDecadeLabelFontWeight="fontWeightMemberName"/>
Value
FontWeight FontWeight FontWeight FontWeight

The font weight used to display the first-of-year banner in the calendar.

FirstOfYearDecadeLabelFontWeightProperty FirstOfYearDecadeLabelFontWeightProperty FirstOfYearDecadeLabelFontWeightProperty FirstOfYearDecadeLabelFontWeightProperty

Identifies the FirstOfYearDecadeLabelFontWeight dependency property.

public : static DependencyProperty FirstOfYearDecadeLabelFontWeightProperty { get; }public static DependencyProperty FirstOfYearDecadeLabelFontWeightProperty { get; }Public Static ReadOnly Property FirstOfYearDecadeLabelFontWeightProperty As DependencyProperty// This API is not available in Javascript.
See Also

FocusBorderBrush FocusBorderBrush FocusBorderBrush FocusBorderBrush

Gets or sets a brush that provides the border of a calendar item that has focus.

public : Brush FocusBorderBrush { get; set; }public Brush FocusBorderBrush { get; set; }Public ReadWrite Property FocusBorderBrush As Brush// This API is not available in Javascript.
<CalendarView FocusBorderBrush="{StaticResource resourceName}"/>

Value
Brush Brush Brush Brush

A brush that provides the border of a calendar item that has focus.

FocusBorderBrushProperty FocusBorderBrushProperty FocusBorderBrushProperty FocusBorderBrushProperty

Identifies the FocusBorderBrush dependency property.

public : static DependencyProperty FocusBorderBrushProperty { get; }public static DependencyProperty FocusBorderBrushProperty { get; }Public Static ReadOnly Property FocusBorderBrushProperty As DependencyProperty// This API is not available in Javascript.
See Also

HorizontalDayItemAlignment HorizontalDayItemAlignment HorizontalDayItemAlignment HorizontalDayItemAlignment

Gets or sets the horizontal alignment of day items in the calendar.

public : HorizontalAlignment HorizontalDayItemAlignment { get; set; }public HorizontalAlignment HorizontalDayItemAlignment { get; set; }Public ReadWrite Property HorizontalDayItemAlignment As HorizontalAlignment// This API is not available in Javascript.
<CalendarView HorizontalDayItemAlignment="horizontalAlignmentMemberName" />
    
Value
HorizontalAlignment HorizontalAlignment HorizontalAlignment HorizontalAlignment

An enumeration value that indicates the horizontal alignment of day items in the calendar.

HorizontalDayItemAlignmentProperty HorizontalDayItemAlignmentProperty HorizontalDayItemAlignmentProperty HorizontalDayItemAlignmentProperty

Identifies the HorizontalDayItemAlignment dependency property.

public : static DependencyProperty HorizontalDayItemAlignmentProperty { get; }public static DependencyProperty HorizontalDayItemAlignmentProperty { get; }Public Static ReadOnly Property HorizontalDayItemAlignmentProperty As DependencyProperty// This API is not available in Javascript.
See Also

HorizontalFirstOfMonthLabelAlignment HorizontalFirstOfMonthLabelAlignment HorizontalFirstOfMonthLabelAlignment HorizontalFirstOfMonthLabelAlignment

Gets or sets the horizontal alignment of the first-of-month banner text.

public : HorizontalAlignment HorizontalFirstOfMonthLabelAlignment { get; set; }public HorizontalAlignment HorizontalFirstOfMonthLabelAlignment { get; set; }Public ReadWrite Property HorizontalFirstOfMonthLabelAlignment As HorizontalAlignment// This API is not available in Javascript.
<CalendarView HorizontalFirstOfMonthLabelAlignment="horizontalAlignmentMemberName" />
    
Value
HorizontalAlignment HorizontalAlignment HorizontalAlignment HorizontalAlignment

An enumeration value that indicates the horizontal alignment of the first-of-month banner text.

HorizontalFirstOfMonthLabelAlignmentProperty HorizontalFirstOfMonthLabelAlignmentProperty HorizontalFirstOfMonthLabelAlignmentProperty HorizontalFirstOfMonthLabelAlignmentProperty

Identifies the HorizontalFirstOfMonthLabelAlignment dependency property.

public : static DependencyProperty HorizontalFirstOfMonthLabelAlignmentProperty { get; }public static DependencyProperty HorizontalFirstOfMonthLabelAlignmentProperty { get; }Public Static ReadOnly Property HorizontalFirstOfMonthLabelAlignmentProperty As DependencyProperty// This API is not available in Javascript.
See Also

HoverBorderBrush HoverBorderBrush HoverBorderBrush HoverBorderBrush

Gets or sets a brush that provides the border of a calendar item while the pointer is over it.

public : Brush HoverBorderBrush { get; set; }public Brush HoverBorderBrush { get; set; }Public ReadWrite Property HoverBorderBrush As Brush// This API is not available in Javascript.
<CalendarView HoverBorderBrush="{StaticResource resourceName}"/>

Value
Brush Brush Brush Brush

A brush that provides the border of a calendar item while the pointer is over it.

HoverBorderBrushProperty HoverBorderBrushProperty HoverBorderBrushProperty HoverBorderBrushProperty

Identifies the HoverBorderBrush dependency property.

public : static DependencyProperty HoverBorderBrushProperty { get; }public static DependencyProperty HoverBorderBrushProperty { get; }Public Static ReadOnly Property HoverBorderBrushProperty As DependencyProperty// This API is not available in Javascript.
See Also

IsGroupLabelVisible IsGroupLabelVisible IsGroupLabelVisible IsGroupLabelVisible

Gets or sets a value that indicates whether the month name is shown with the first day of the month.

public : PlatForm::Boolean IsGroupLabelVisible { get; set; }public bool IsGroupLabelVisible { get; set; }Public ReadWrite Property IsGroupLabelVisible As bool// This API is not available in Javascript.
<CalendarView IsGroupLabelVisible="bool" .../>
Value
PlatForm::Boolean bool bool bool

true if the month name is shown with the first day of the month; otherwise, false. The default is true.

IsGroupLabelVisibleProperty IsGroupLabelVisibleProperty IsGroupLabelVisibleProperty IsGroupLabelVisibleProperty

Identifies the IsGroupLabelVisible dependency property.

public : static DependencyProperty IsGroupLabelVisibleProperty { get; }public static DependencyProperty IsGroupLabelVisibleProperty { get; }Public Static ReadOnly Property IsGroupLabelVisibleProperty As DependencyProperty// This API is not available in Javascript.
See Also

IsOutOfScopeEnabled IsOutOfScopeEnabled IsOutOfScopeEnabled IsOutOfScopeEnabled

Gets or sets a value that indicates whether out-of-scope calendar items are shown with a unique foreground color.

public : PlatForm::Boolean IsOutOfScopeEnabled { get; set; }public bool IsOutOfScopeEnabled { get; set; }Public ReadWrite Property IsOutOfScopeEnabled As bool// This API is not available in Javascript.
<CalendarView IsOutOfScopeEnabled="bool" .../>
Value
PlatForm::Boolean bool bool bool

true if out-of-scope calendar items are shown with a unique color; false if they are shown with the same color as in-scope items. The default is true.

IsOutOfScopeEnabledProperty IsOutOfScopeEnabledProperty IsOutOfScopeEnabledProperty IsOutOfScopeEnabledProperty

Identifies the IsOutOfScopeEnabled dependency property.

public : static DependencyProperty IsOutOfScopeEnabledProperty { get; }public static DependencyProperty IsOutOfScopeEnabledProperty { get; }Public Static ReadOnly Property IsOutOfScopeEnabledProperty As DependencyProperty// This API is not available in Javascript.
See Also

IsTodayHighlighted IsTodayHighlighted IsTodayHighlighted IsTodayHighlighted

Gets or sets a value that indicates whether the current date is highlighted.

public : PlatForm::Boolean IsTodayHighlighted { get; set; }public bool IsTodayHighlighted { get; set; }Public ReadWrite Property IsTodayHighlighted As bool// This API is not available in Javascript.
<CalendarView IsTodayHighlighted="bool" .../>
Value
PlatForm::Boolean bool bool bool

true if the current date is highlighted; otherwise, false. The default is true.

IsTodayHighlightedProperty IsTodayHighlightedProperty IsTodayHighlightedProperty IsTodayHighlightedProperty

Identifies the IsTodayHighlighted dependency property.

public : static DependencyProperty IsTodayHighlightedProperty { get; }public static DependencyProperty IsTodayHighlightedProperty { get; }Public Static ReadOnly Property IsTodayHighlightedProperty As DependencyProperty// This API is not available in Javascript.
See Also

MaxDate MaxDate MaxDate MaxDate

Gets or sets the last date to be displayed.

public : DateTime MaxDate { get; set; }public DateTimeOffset MaxDate { get; set; }Public ReadWrite Property MaxDate As DateTimeOffset// This API is not available in Javascript.
Value
DateTime DateTimeOffset DateTimeOffset DateTimeOffset

The last date to display.

MaxDateProperty MaxDateProperty MaxDateProperty MaxDateProperty

Identifies the MaxDate dependency property.

public : static DependencyProperty MaxDateProperty { get; }public static DependencyProperty MaxDateProperty { get; }Public Static ReadOnly Property MaxDateProperty As DependencyProperty// This API is not available in Javascript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the MaxDate dependency property.

See Also

MinDate MinDate MinDate MinDate

Gets or sets the first date to display.

public : DateTime MinDate { get; set; }public DateTimeOffset MinDate { get; set; }Public ReadWrite Property MinDate As DateTimeOffset// This API is not available in Javascript.
Value
DateTime DateTimeOffset DateTimeOffset DateTimeOffset

The first date to display.

MinDateProperty MinDateProperty MinDateProperty MinDateProperty

Identifies the MinDate dependency property.

public : static DependencyProperty MinDateProperty { get; }public static DependencyProperty MinDateProperty { get; }Public Static ReadOnly Property MinDateProperty As DependencyProperty// This API is not available in Javascript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the MinDate dependency property.

See Also

MonthYearItemFontFamily MonthYearItemFontFamily MonthYearItemFontFamily MonthYearItemFontFamily

Gets or sets the font used to display the month and year items in the calendar.

public : FontFamily MonthYearItemFontFamily { get; set; }public FontFamily MonthYearItemFontFamily { get; set; }Public ReadWrite Property MonthYearItemFontFamily As FontFamily// This API is not available in Javascript.
<CalendarView MonthYearItemFontFamily="fontFamilyValue"/>
Value
FontFamily FontFamily FontFamily FontFamily

The font used to display the month and year items in the calendar.

MonthYearItemFontFamilyProperty MonthYearItemFontFamilyProperty MonthYearItemFontFamilyProperty MonthYearItemFontFamilyProperty

Identifies the MonthYearItemFontFamily dependency property.

public : static DependencyProperty MonthYearItemFontFamilyProperty { get; }public static DependencyProperty MonthYearItemFontFamilyProperty { get; }Public Static ReadOnly Property MonthYearItemFontFamilyProperty As DependencyProperty// This API is not available in Javascript.
See Also

MonthYearItemFontSize MonthYearItemFontSize MonthYearItemFontSize MonthYearItemFontSize

Gets or sets the font size used to display the month and year items in the calendar.

public : double MonthYearItemFontSize { get; set; }public double MonthYearItemFontSize { get; set; }Public ReadWrite Property MonthYearItemFontSize As double// This API is not available in Javascript.
<CalendarView MonthYearItemFontSize="double"/>
Value
double double double double

The font size used to display the month and year items in the calendar.

MonthYearItemFontSizeProperty MonthYearItemFontSizeProperty MonthYearItemFontSizeProperty MonthYearItemFontSizeProperty

Identifies the MonthYearItemFontSize dependency property.

public : static DependencyProperty MonthYearItemFontSizeProperty { get; }public static DependencyProperty MonthYearItemFontSizeProperty { get; }Public Static ReadOnly Property MonthYearItemFontSizeProperty As DependencyProperty// This API is not available in Javascript.
See Also

MonthYearItemFontStyle MonthYearItemFontStyle MonthYearItemFontStyle MonthYearItemFontStyle

Gets or sets the font style used to display the month and year items in the calendar.

public : FontStyle MonthYearItemFontStyle { get; set; }public FontStyle MonthYearItemFontStyle { get; set; }Public ReadWrite Property MonthYearItemFontStyle As FontStyle// This API is not available in Javascript.
<CalendarView MonthYearItemFontStyle="fontStyleMemberName" />
Value
FontStyle FontStyle FontStyle FontStyle

The font style used to display the month and year items in the calendar.

MonthYearItemFontStyleProperty MonthYearItemFontStyleProperty MonthYearItemFontStyleProperty MonthYearItemFontStyleProperty

Identifies the MonthYearItemFontStyle dependency property.

public : static DependencyProperty MonthYearItemFontStyleProperty { get; }public static DependencyProperty MonthYearItemFontStyleProperty { get; }Public Static ReadOnly Property MonthYearItemFontStyleProperty As DependencyProperty// This API is not available in Javascript.
See Also

MonthYearItemFontWeight MonthYearItemFontWeight MonthYearItemFontWeight MonthYearItemFontWeight

Gets or sets the font weight used to display the month and year items in the calendar.

public : FontWeight MonthYearItemFontWeight { get; set; }public FontWeight MonthYearItemFontWeight { get; set; }Public ReadWrite Property MonthYearItemFontWeight As FontWeight// This API is not available in Javascript.
<CalendarView MonthYearItemFontWeight="fontWeightMemberName"/>
Value
FontWeight FontWeight FontWeight FontWeight

The font weight used to display the month and year items in the calendar.

MonthYearItemFontWeightProperty MonthYearItemFontWeightProperty MonthYearItemFontWeightProperty MonthYearItemFontWeightProperty

Identifies the MonthYearItemFontWeight dependency property.

public : static DependencyProperty MonthYearItemFontWeightProperty { get; }public static DependencyProperty MonthYearItemFontWeightProperty { get; }Public Static ReadOnly Property MonthYearItemFontWeightProperty As DependencyProperty// This API is not available in Javascript.
See Also

NumberOfWeeksInView NumberOfWeeksInView NumberOfWeeksInView NumberOfWeeksInView

Gets or sets the number of weeks shown in the calendar view.

public : int NumberOfWeeksInView { get; set; }public int NumberOfWeeksInView { get; set; }Public ReadWrite Property NumberOfWeeksInView As int// This API is not available in Javascript.
<CalendarView NumberOfWeeksInView="int"/>
Value
int int int int

The number of weeks shown in the calendar view. The default is 6.

NumberOfWeeksInViewProperty NumberOfWeeksInViewProperty NumberOfWeeksInViewProperty NumberOfWeeksInViewProperty

Identifies the NumberOfWeeksInView dependency property.

public : static DependencyProperty NumberOfWeeksInViewProperty { get; }public static DependencyProperty NumberOfWeeksInViewProperty { get; }Public Static ReadOnly Property NumberOfWeeksInViewProperty As DependencyProperty// This API is not available in Javascript.
See Also

OutOfScopeBackground OutOfScopeBackground OutOfScopeBackground OutOfScopeBackground

Gets or sets a brush that provides the background of a date that's out of scope.

public : Brush OutOfScopeBackground { get; set; }public Brush OutOfScopeBackground { get; set; }Public ReadWrite Property OutOfScopeBackground As Brush// This API is not available in Javascript.
<CalendarView OutOfScopeBackground="{StaticResource resourceName}"/>

Value
Brush Brush Brush Brush

A brush that provides the background of a date that's out of scope.

OutOfScopeBackgroundProperty OutOfScopeBackgroundProperty OutOfScopeBackgroundProperty OutOfScopeBackgroundProperty

Identifies the OutOfScopeBackground dependency property.

public : static DependencyProperty OutOfScopeBackgroundProperty { get; }public static DependencyProperty OutOfScopeBackgroundProperty { get; }Public Static ReadOnly Property OutOfScopeBackgroundProperty As DependencyProperty// This API is not available in Javascript.
See Also

OutOfScopeForeground OutOfScopeForeground OutOfScopeForeground OutOfScopeForeground

Gets or sets a brush that provides the foreground of calendar items that are outside the current scope (month, year, or decade).

public : Brush OutOfScopeForeground { get; set; }public Brush OutOfScopeForeground { get; set; }Public ReadWrite Property OutOfScopeForeground As Brush// This API is not available in Javascript.
<CalendarView OutOfScopeForeground="{StaticResource resourceName}"/>

Value
Brush Brush Brush Brush

A brush that provides the foreground of calendar items that are outside the current scope.

See Also

OutOfScopeForegroundProperty OutOfScopeForegroundProperty OutOfScopeForegroundProperty OutOfScopeForegroundProperty

Identifies the OutOfScopeForeground dependency property.

public : static DependencyProperty OutOfScopeForegroundProperty { get; }public static DependencyProperty OutOfScopeForegroundProperty { get; }Public Static ReadOnly Property OutOfScopeForegroundProperty As DependencyProperty// This API is not available in Javascript.
See Also

PressedBorderBrush PressedBorderBrush PressedBorderBrush PressedBorderBrush

Gets or sets a brush that provides the border of a calendar item while it's pressed.

public : Brush PressedBorderBrush { get; set; }public Brush PressedBorderBrush { get; set; }Public ReadWrite Property PressedBorderBrush As Brush// This API is not available in Javascript.
<CalendarView PressedBorderBrush="{StaticResource resourceName}"/>

Value
Brush Brush Brush Brush

A brush that provides the border of a calendar item while it's pressed.

PressedBorderBrushProperty PressedBorderBrushProperty PressedBorderBrushProperty PressedBorderBrushProperty

Identifies the PressedBorderBrush dependency property.

public : static DependencyProperty PressedBorderBrushProperty { get; }public static DependencyProperty PressedBorderBrushProperty { get; }Public Static ReadOnly Property PressedBorderBrushProperty As DependencyProperty// This API is not available in Javascript.
See Also

PressedForeground PressedForeground PressedForeground PressedForeground

Gets or sets a brush that provides the foreground of a calendar item while it's pressed.

public : Brush PressedForeground { get; set; }public Brush PressedForeground { get; set; }Public ReadWrite Property PressedForeground As Brush// This API is not available in Javascript.
<CalendarView PressedForeground="{StaticResource resourceName}"/>

Value
Brush Brush Brush Brush

A brush that provides the foreground of a calendar item while it's pressed.

PressedForegroundProperty PressedForegroundProperty PressedForegroundProperty PressedForegroundProperty

Identifies the PressedForeground dependency property.

public : static DependencyProperty PressedForegroundProperty { get; }public static DependencyProperty PressedForegroundProperty { get; }Public Static ReadOnly Property PressedForegroundProperty As DependencyProperty// This API is not available in Javascript.
See Also

SelectedBorderBrush SelectedBorderBrush SelectedBorderBrush SelectedBorderBrush

Gets or sets a brush that provides the border of the currently selected calendar item.

public : Brush SelectedBorderBrush { get; set; }public Brush SelectedBorderBrush { get; set; }Public ReadWrite Property SelectedBorderBrush As Brush// This API is not available in Javascript.
<CalendarView SelectedBorderBrush="{StaticResource resourceName}"/>

Value
Brush Brush Brush Brush

A brush that provides the border of the currently selected calendar item.

SelectedBorderBrushProperty SelectedBorderBrushProperty SelectedBorderBrushProperty SelectedBorderBrushProperty

Identifies the SelectedBorderBrush dependency property.

public : static DependencyProperty SelectedBorderBrushProperty { get; }public static DependencyProperty SelectedBorderBrushProperty { get; }Public Static ReadOnly Property SelectedBorderBrushProperty As DependencyProperty// This API is not available in Javascript.
See Also

SelectedDates SelectedDates SelectedDates SelectedDates

Gets a collection of selected dates.

public : IVector<DateTime> SelectedDates { get; }public IList<DateTimeOffset> SelectedDates { get; }Public ReadOnly Property SelectedDates As IList<DateTimeOffset>// This API is not available in Javascript.
Value
IVector<DateTime> IList<DateTimeOffset> IList<DateTimeOffset> IList<DateTimeOffset>

A collection that contains the currently selected dates. The default is an empty collection.

SelectedDatesProperty SelectedDatesProperty SelectedDatesProperty SelectedDatesProperty

Identifies the SelectedDates dependency property.

public : static DependencyProperty SelectedDatesProperty { get; }public static DependencyProperty SelectedDatesProperty { get; }Public Static ReadOnly Property SelectedDatesProperty As DependencyProperty// This API is not available in Javascript.
See Also

SelectedForeground SelectedForeground SelectedForeground SelectedForeground

Gets or sets a brush that provides the foreground of a calendar item that's selected.

public : Brush SelectedForeground { get; set; }public Brush SelectedForeground { get; set; }Public ReadWrite Property SelectedForeground As Brush// This API is not available in Javascript.
<CalendarView SelectedForeground="{StaticResource resourceName}"/>

Value
Brush Brush Brush Brush

A brush that provides the foreground of a calendar item that's selected.

SelectedForegroundProperty SelectedForegroundProperty SelectedForegroundProperty SelectedForegroundProperty

Identifies the SelectedForeground dependency property.

public : static DependencyProperty SelectedForegroundProperty { get; }public static DependencyProperty SelectedForegroundProperty { get; }Public Static ReadOnly Property SelectedForegroundProperty As DependencyProperty// This API is not available in Javascript.
See Also

SelectedHoverBorderBrush SelectedHoverBorderBrush SelectedHoverBorderBrush SelectedHoverBorderBrush

Gets or sets a brush that provides the border of a selected calendar item while the pointer is over it.

public : Brush SelectedHoverBorderBrush { get; set; }public Brush SelectedHoverBorderBrush { get; set; }Public ReadWrite Property SelectedHoverBorderBrush As Brush// This API is not available in Javascript.
<CalendarView SelectedHoverBorderBrush="{StaticResource resourceName}"/>

Value
Brush Brush Brush Brush

A brush that provides the border of a selected calendar item while the pointer is over it.

SelectedHoverBorderBrushProperty SelectedHoverBorderBrushProperty SelectedHoverBorderBrushProperty SelectedHoverBorderBrushProperty

Identifies the SelectedHoverBorderBrush dependency property.

public : static DependencyProperty SelectedHoverBorderBrushProperty { get; }public static DependencyProperty SelectedHoverBorderBrushProperty { get; }Public Static ReadOnly Property SelectedHoverBorderBrushProperty As DependencyProperty// This API is not available in Javascript.
See Also

SelectedPressedBorderBrush SelectedPressedBorderBrush SelectedPressedBorderBrush SelectedPressedBorderBrush

Gets or sets a brush that provides the border of a selected calendar item while it's pressed.

public : Brush SelectedPressedBorderBrush { get; set; }public Brush SelectedPressedBorderBrush { get; set; }Public ReadWrite Property SelectedPressedBorderBrush As Brush// This API is not available in Javascript.
<CalendarView SelectedPressedBorderBrush="{StaticResource resourceName}"/>

Value
Brush Brush Brush Brush

A brush that provides the border of a selected calendar item while it's pressed.

SelectedPressedBorderBrushProperty SelectedPressedBorderBrushProperty SelectedPressedBorderBrushProperty SelectedPressedBorderBrushProperty

Identifies the SelectedPressedBorderBrush dependency property.

public : static DependencyProperty SelectedPressedBorderBrushProperty { get; }public static DependencyProperty SelectedPressedBorderBrushProperty { get; }Public Static ReadOnly Property SelectedPressedBorderBrushProperty As DependencyProperty// This API is not available in Javascript.
See Also

SelectionMode SelectionMode SelectionMode SelectionMode

Gets or sets a value that indicates what kind of selections are allowed.

public : CalendarViewSelectionMode SelectionMode { get; set; }public CalendarViewSelectionMode SelectionMode { get; set; }Public ReadWrite Property SelectionMode As CalendarViewSelectionMode// This API is not available in Javascript.
<CalendarView SelectionMode="calendarViewSelectionModeMemberName" />
    
Value
CalendarViewSelectionMode CalendarViewSelectionMode CalendarViewSelectionMode CalendarViewSelectionMode

An enumeration value that indicates the current selection mode. The default is Single.

SelectionModeProperty SelectionModeProperty SelectionModeProperty SelectionModeProperty

Identifies the SelectionMode dependency property.

public : static DependencyProperty SelectionModeProperty { get; }public static DependencyProperty SelectionModeProperty { get; }Public Static ReadOnly Property SelectionModeProperty As DependencyProperty// This API is not available in Javascript.
See Also

TemplateSettings TemplateSettings TemplateSettings TemplateSettings

Gets an object that provides calculated values that can be referenced as {TemplateBinding} markup extension sources when defining templates for a CalendarView control.

public : CalendarViewTemplateSettings TemplateSettings { get; }public CalendarViewTemplateSettings TemplateSettings { get; }Public ReadOnly Property TemplateSettings As CalendarViewTemplateSettings// This API is not available in Javascript.

TemplateSettingsProperty TemplateSettingsProperty TemplateSettingsProperty TemplateSettingsProperty

Identifies the TemplateSettings dependency property.

public : static DependencyProperty TemplateSettingsProperty { get; }public static DependencyProperty TemplateSettingsProperty { get; }Public Static ReadOnly Property TemplateSettingsProperty As DependencyProperty// This API is not available in Javascript.
See Also

TodayFontWeight TodayFontWeight TodayFontWeight TodayFontWeight

Gets or sets the font weight used to display the current date in the calendar.

public : FontWeight TodayFontWeight { get; set; }public FontWeight TodayFontWeight { get; set; }Public ReadWrite Property TodayFontWeight As FontWeight// This API is not available in Javascript.
<CalendarView TodayFontWeight="fontWeightMemberName"/>
Value
FontWeight FontWeight FontWeight FontWeight

The font weight used to display the current date in the calendar.

TodayFontWeightProperty TodayFontWeightProperty TodayFontWeightProperty TodayFontWeightProperty

Identifies the TodayFontWeight dependency property.

public : static DependencyProperty TodayFontWeightProperty { get; }public static DependencyProperty TodayFontWeightProperty { get; }Public Static ReadOnly Property TodayFontWeightProperty As DependencyProperty// This API is not available in Javascript.
See Also

TodayForeground TodayForeground TodayForeground TodayForeground

Gets or sets a brush that provides the foreground of the calendar item for the current date.

public : Brush TodayForeground { get; set; }public Brush TodayForeground { get; set; }Public ReadWrite Property TodayForeground As Brush// This API is not available in Javascript.
<CalendarView TodayForeground="{StaticResource resourceName}"/>

Value
Brush Brush Brush Brush

A brush that provides the foreground of the calendar item for the current date.

TodayForegroundProperty TodayForegroundProperty TodayForegroundProperty TodayForegroundProperty

Identifies the TodayForeground dependency property.

public : static DependencyProperty TodayForegroundProperty { get; }public static DependencyProperty TodayForegroundProperty { get; }Public Static ReadOnly Property TodayForegroundProperty As DependencyProperty// This API is not available in Javascript.
See Also

VerticalDayItemAlignment VerticalDayItemAlignment VerticalDayItemAlignment VerticalDayItemAlignment

Gets or sets the vertical alignment of day items in the calendar.

public : VerticalAlignment VerticalDayItemAlignment { get; set; }public VerticalAlignment VerticalDayItemAlignment { get; set; }Public ReadWrite Property VerticalDayItemAlignment As VerticalAlignment// This API is not available in Javascript.
<CalendarView VerticalDayItemAlignment="verticalAlignmentMemberName" />
    
Value
VerticalAlignment VerticalAlignment VerticalAlignment VerticalAlignment

An enumeration value that indicates the vertical alignment of day items in the calendar.

VerticalDayItemAlignmentProperty VerticalDayItemAlignmentProperty VerticalDayItemAlignmentProperty VerticalDayItemAlignmentProperty

Identifies the VerticalDayItemAlignment dependency property.

public : static DependencyProperty VerticalDayItemAlignmentProperty { get; }public static DependencyProperty VerticalDayItemAlignmentProperty { get; }Public Static ReadOnly Property VerticalDayItemAlignmentProperty As DependencyProperty// This API is not available in Javascript.
See Also

VerticalFirstOfMonthLabelAlignment VerticalFirstOfMonthLabelAlignment VerticalFirstOfMonthLabelAlignment VerticalFirstOfMonthLabelAlignment

Gets or sets the vertical alignment of the first-of-month banner text.

public : VerticalAlignment VerticalFirstOfMonthLabelAlignment { get; set; }public VerticalAlignment VerticalFirstOfMonthLabelAlignment { get; set; }Public ReadWrite Property VerticalFirstOfMonthLabelAlignment As VerticalAlignment// This API is not available in Javascript.
<CalendarView VerticalFirstOfMonthLabelAlignment="verticalAlignmentMemberName" />
    
Value
VerticalAlignment VerticalAlignment VerticalAlignment VerticalAlignment

An enumeration value that indicates the vertical alignment of the first-of-month banner text.

VerticalFirstOfMonthLabelAlignmentProperty VerticalFirstOfMonthLabelAlignmentProperty VerticalFirstOfMonthLabelAlignmentProperty VerticalFirstOfMonthLabelAlignmentProperty

Identifies the VerticalFirstOfMonthLabelAlignment dependency property.

public : static DependencyProperty VerticalFirstOfMonthLabelAlignmentProperty { get; }public static DependencyProperty VerticalFirstOfMonthLabelAlignmentProperty { get; }Public Static ReadOnly Property VerticalFirstOfMonthLabelAlignmentProperty As DependencyProperty// This API is not available in Javascript.
See Also

Methods

SetDisplayDate(DateTime) SetDisplayDate(DateTime) SetDisplayDate(DateTime) SetDisplayDate(DateTime)

Shows the specified date in the calendar.

public : void SetDisplayDate(DateTime date)public void SetDisplayDate(DateTimeOffset date)Public Function SetDisplayDate(date As DateTimeOffset) As void// This API is not available in Javascript.
Parameters
date
DateTime DateTimeOffset DateTimeOffset DateTimeOffset

The date to show in the calendar.

SetYearDecadeDisplayDimensions(Int32, Int32) SetYearDecadeDisplayDimensions(Int32, Int32) SetYearDecadeDisplayDimensions(Int32, Int32) SetYearDecadeDisplayDimensions(Int32, Int32)

Sets the number of rows and columns to use in the Year and Decade display modes.

public : void SetYearDecadeDisplayDimensions(int columns, int rows)public void SetYearDecadeDisplayDimensions(Int32 columns, Int32 rows)Public Function SetYearDecadeDisplayDimensions(columns As Int32, rows As Int32) As void// This API is not available in Javascript.
Parameters
columns
int Int32 Int32 Int32

The number of columns in the view.

rows
int Int32 Int32 Int32

The number of rows in the view.

Events

CalendarViewDayItemChanging CalendarViewDayItemChanging CalendarViewDayItemChanging CalendarViewDayItemChanging

Occurs when a CalendarViewDayItem is loading.

public : event TypedEventHandler CalendarViewDayItemChanging<CalendarView,  CalendarViewDayItemChangingEventArgs>public event TypedEventHandler CalendarViewDayItemChanging<CalendarView,  CalendarViewDayItemChangingEventArgs>Public Event CalendarViewDayItemChanging<CalendarView,  CalendarViewDayItemChangingEventArgs>// This API is not available in Javascript.
<CalendarView CalendarViewDayItemChanging="eventhandler"/>

SelectedDatesChanged SelectedDatesChanged SelectedDatesChanged SelectedDatesChanged

Occurs when the collection of selected dates is changed.

public : event TypedEventHandler SelectedDatesChanged<CalendarView,  CalendarViewSelectedDatesChangedEventArgs>public event TypedEventHandler SelectedDatesChanged<CalendarView,  CalendarViewSelectedDatesChangedEventArgs>Public Event SelectedDatesChanged<CalendarView,  CalendarViewSelectedDatesChangedEventArgs>// This API is not available in Javascript.
<CalendarView SelectedDatesChanged="eventhandler"/>

See Also