New to Kendo UI for AngularStart a free 30-day trial

DateFilterMenuComponent

Represents a filtering menu component for date columns.

html
<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'

Sets the active calendar view when the calendar opens. Set activeView within the topView-bottomView range.

bottomView

CalendarView

'month'

Defines the lowest calendar view level the user can navigate to.

column

ColumnComponent

Sets the column for this filter.

extra

boolean

true

Determines if the inputs for the second criteria are displayed.

filter

CompositeFilterDescriptor

The current menu filter.

filterService

FilterService

Represents the FilterService instance that handles changes in the filter descriptor.

format

string

Gets the date format used when the component is not focused. Uses column.format if set.

formatPlaceholder

DateInputFormatPlaceholder

Sets the descriptions for the format sections in the input field. See example.

max

Date

Sets the largest valid date value.

min

Date

Sets the smallest valid date value.

operator

string

'gte'

Sets the default filter operator.

placeholder

string

Sets the hint shown when the value is null. See example.

topView

CalendarView

'century'

Defines the highest calendar view level the user can navigate to.

weekNumber

boolean

false

When true, shows a week number column in the month view.

Fields

NameTypeDefaultDescription

currentFilter

FilterDescriptor

Gets the current filter for the column field.

currentOperator

string

Gets the current filter operator for the column field.

Methods

logicChange

Parameters

value

"or" | "and"

In this article
SelectorInputsFieldsMethods
Not finding the help you need?
Contact Support