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

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

Definition

Package:@progress/kendo-angular-grid

Selector:kendo-grid-date-filter-cell

Syntax:

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>

Inputs

activeView

CalendarView

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

Default:

"month"

bottomView

CalendarView

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

Default:

"month"

Sets the column for this filter.

The current root filter.

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

Sets the default filter operator.

Default:

"gte"

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

Determines if the drop-down filter operators are displayed.

Default:

true

topView

CalendarView

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

Default:

"century"

weekNumber

boolean

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

Default:

false

Fields

currentFilter

FilterDescriptor

Gets the current filter for the column field.

Gets the current filter operator for the column field.

format

string

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