Components / Grid / API / DateFilterMenuComponent / 
New to Kendo UI for Angular? Start a free 30-day trial

DateFilterMenuComponent

Represents a date filter-menu component.

<kendo-grid-column field="FirstOrderedOn">
  <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
    <kendo-grid-date-filter-menu
      [column]="column"
      [filter]="filter"
      [filterService]="filterService">
    </kendo-grid-date-filter-menu>
  </ng-template>
</kendo-grid-column>

Selector

kendo-grid-date-filter-menu

Inputs

NameTypeDefaultDescription

activeView

CalendarView

'month'

Defines the active view that the calendar initially renders. By default, the active view is month. You have to set activeView within the topView-bottomView range.

bottomView

CalendarView

'month'

Defines the bottommost calendar view, to which the user can navigate.

column

ColumnComponent

The column with which the filter is associated.

extra

boolean

true

Determines if the inputs of second criteria will be displayed.

filter

CompositeFilterDescriptor

The current menu filter.

filterService

FilterService

The FilterService instance which is responsible for handling the changes in the filter descriptor.

format

string

Specifies the date format that is used when the component is not focused. By default, the column.format value is used (if set).

formatPlaceholder

DateInputFormatPlaceholder

Defines the descriptions of the format sections in the input field. See example.

max

Date

Specifies the greatest value that is valid.

min

Date

Specifies the smallest value that is valid.

operator

string

'gte'

The default filter operator. Defaults to contains.

placeholder

string

Specifies the hint that the component displays when its value is null. See example.

topView

CalendarView

'century'

Defines the topmost calendar view, to which the user can navigate.

weekNumber

boolean

false

Determines whether to display a week number column in the month view of the Calendar.

Fields

NameTypeDefaultDescription

currentFilter

FilterDescriptor

The current filter for the associated column field.

currentOperator

string

The current filter operator for the associated column field.

Methods

logicChange

Parameters

value

"and" | "or"

In this article

Not finding the help you need?

Contact Support