GridColumnDateRangePickerSettings.CalendarColumnCount Property

Specifies the number of months displayed in the header filter’s drop-down calendars.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v20.2.dll

NuGet Package: DevExpress.Web

Declaration

C#

[DefaultValue(2)]
public int CalendarColumnCount { get; set; }

VB.NET

<DefaultValue(2)>
Public Property CalendarColumnCount As Integer

Property Value

Type	Default	Description
Int32	2	The number of displayed months.

Property Paths

You can access this nested property as listed below:

Library	Object Type	Path to CalendarColumnCount
ASP.NET Controls and MVC Extensions	TreeListColumnSettingsHeaderFilter	.DateRangePickerSettings .CalendarColumnCount
	CardViewDataColumnHeaderFilterSettings	.DateRangePickerSettings .CalendarColumnCount
	GridViewDataColumnHeaderFilterSettings	.DateRangePickerSettings .CalendarColumnCount
	VerticalGridDataRowHeaderFilterSettings	.DateRangePickerSettings .CalendarColumnCount
ASP.NET Bootstrap Controls	BootstrapCardViewDataColumnHeaderFilterSettings	.DateRangePickerSettings .CalendarColumnCount
	BootstrapGridViewDataColumnHeaderFilterSettings	.DateRangePickerSettings .CalendarColumnCount

Remarks

Set a date column’s GridDataColumnHeaderFilterSettings.Mode property to DateRangePicker to allow users to select a date range in the column header filter.

The date editor in the date range picker control displays two months in its drop-down calendar. You can use the CalendarColumnCount property to change the number of displayed columns.

ASPX

<Columns>
    ...
    <dx:GridViewDataDateColumn FieldName="VisitDate" Width="300px" Settings-AllowHeaderFilter="True">
        <SettingsHeaderFilter>
            <DateRangePickerSettings CalendarColumnCount="4" />
        </SettingsHeaderFilter>
    </dx:GridViewDataDateColumn>
</Columns>

Note

The CalendarColumnCount property specified for the start date editor in the date range picker control is not in effect.