Class: DateRange

Monster .Components .Datatable .Filter. DateRange

The date-range filter control is used to filter a data set by a date range.

Dependencies: the system uses functions of the monsterjs library

You can create this control either by specifying the HTML tagdirectly in the HTML or using Javascript via thedocument.createElement('monster-filter-date-range');` method.

<monster-filter-date-range></monster-filter-date-range>

Or you can create this CustomControl directly in Javascript:

import '@schukai/component-datatable/source/filter/date-range.mjs';
document.createElement('monster-filter-date-range');

Constructor

new DateRange()

A date range filter control

Copyright: schukai GmbH

Members

defaults

To set the options via the html tag the attribute data-monster-options must be used.

Properties

Name Type Description

templates

Object

Properties

Name	Type	Description
`main`	string

labels Object

features

Object

Properties

Name	Type	Description
`moreThan`	boolean
`within`	boolean
`today`	boolean

See: https://monsterjs.org/en/doc/#configurate-a-monster-control The individual configuration values can be found in the table.

value

This is a method of internal api

value

(static) instanceSymbol

This method is called by the instanceof operator.

Methods

assembleMethodSymbol() → {FilterButton}

Returns:

Type:: FilterButton

connectedCallback() → {void}

Returns:

Type:: void

disconnectedCallback() → {void}

Returns:

Type:: void

hideDialog() → {Monster.Datatable.Filter.Range}

Returns:

Type:: Monster.Datatable.Filter.Range

showDialog() → {Monster.Datatable.Filter.Range}

Returns:

Type:: Monster.Datatable.Filter.Range

toggleDialog() → {Monster.Datatable.Filter.Range}

Returns:

Type:: Monster.Datatable.Filter.Range

(static) getCSSStyleSheet() → {Array.<CSSStyleSheet>}

Returns:

Type:: Array.<CSSStyleSheet>

(static) getTag() → {string}

Returns:

Type:: string