New to Kendo UI for Angular? Start a free 30-day trial

DateFilterCellComponent

Represents a DatePicker filter-cell component. See the article about the built-in filter components.

<kendo-grid-column field="FirstOrderedOn">
  <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
    <kendo-grid-date-filter-cell
      [column]="column"
      [filter]="filter">
    </kendo-grid-date-filter-cell>
  </ng-template>
</kendo-grid-column>

Selector

kendo-grid-date-filter-cell

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.

filter

CompositeFilterDescriptor

The current root filter.

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.

showOperators

boolean

true

Represents a DatePicker filter-cell component. See example.

<kendo-grid-column field="Discontinued">
  <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
    <kendo-grid-date-filter-cell
      [column]="column"
      [filter]="filter">
    </kendo-grid-date-filter-cell>
  </ng-template>
</kendo-grid-column>

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.

In this article

Not finding the help you need?