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

DateFilterMenuComponent

Represents a date-filter menu component.

     <kendo-grid-column field="OrderDate" title="Order Date">
         <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

activeView

CalendarView

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

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

column

ColumnComponent

The column with which the filter is associated.

extra

boolean

Determines if the inputs of second criteria will be displayed.

filterService

FilterService

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

formatPlaceholder

DateInputFormatPlaceholder

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

  • wideDisplays the full description of the format section. For example, turns MM into month. Retrieved from CLDR.
  • narrowDisplays the narrow description of the format section. For example, turns MM into mo.. Retrieved from CLDR.
  • shortDisplays the short description of the format section. For example, turns MM into mo.. Retrieved from CLDR.
  • formatPatternDirectly displays the format section.
  • CustomFormatPlaceholder An object that defines the description of the format sections. For example, { day: 'd.', month: 'M.', year: 'y', hour: 'h.' }.

max

Date

Specifies the greatest value that is valid.

min

Date

Specifies the smallest value that is valid.

operator

string

The default filter operator. Defaults to contains.

placeholder

string

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

topView

CalendarView

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

weekNumber

boolean

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

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). Specifies the date format that is used when the component is not focused. By default, the column.format value is used (if set).

filter

object

The current menu filter.

Fields

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"