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

DateFilterCellComponent

Represents a DatePicker cell component for filtering of date columns. See the article about the built-in filter components.

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

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.

filter

CompositeFilterDescriptor

The current root filter.

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.

showOperators

boolean

true

Determines if the drop-down filter operators are displayed.

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.

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