DateFilterWidget Class

A Date Filter’s underlying widget that provides the Date Filter’s functionality.

Declaration

export class DateFilterWidget

constructor(element, viewerOptions, boundaryElementContainer)

Initializes a new instance of the DateFilterWidget class with specified settings.

Declaration

constructor(
    element: HTMLElement,
    viewerOptions: any,
    boundaryElementContainer: HTMLElement
)

Parameters

Name	Type
element	HTMLElement
viewerOptions	any
boundaryElementContainer	HTMLElement

Properties

calendarFrom Property

Gets a calendar widget that you can use to set a start date.

Declaration

calendarFrom: dxCalendar

Property Value

Type	Description
dxCalendar	An underlying widget (dxCalendar that allows you set a start date.

calendarTo Property

Gets a calendar widget that you can use to set an end date.

Declaration

calendarTo: dxCalendar

Property Value

Type	Description
dxCalendar	An underlying widget (dxCalendar that allows you set an end date.

datePickerButton Property

Gets a ButtonGroup widget that contains a set of toggle buttons you can use to switch between date ranges.

Declaration

datePickerButton: dxButtonGroup

Property Value

Type	Description
dxButtonGroup	An underlying widget (dxButtonGroup) used as a mode switcher in the DateFilter dashboard item.

quickButtons Property

Provides access to the quick filters.

Declaration

quickButtons: Array<dxButtonGroup>

Property Value

Type	Description
Array<dxButtonGroup>	An array of underlying widgets (dxButtonGroup) used as quick filters in the DateFilter dashboard item.

Methods

element Method

Declaration

element(): import("devextreme/core/element").dxElement

Returns

Type
any