predixdesignsystem/px-data-grid

Advanced Filters: filtering by date (with no timepicker) does not work on px-data-grid-paginated

Closed this issue · 0 comments

Description

Currently, it doesn't appear to be possible to apply a filter with a date only on px-data-grid-paginated. After selecting a date range and clicking Apply, the following is observed:

  • No filter is visible on the grid (ie. no px-chip indicating the current filter)
  • No filter is passed to the px-data-grid's data provider.
  • The following error is thrown in the console:
    px-data-grid-filter-entity.html:100 Uncaught TypeError: a.tz(...).format is not a function

This is reproducible on the Predix Design System. Reproduction steps are:

  1. Navigate to px-data-grid-paginated
  2. Select the Advanced Filters tab.
  3. Click the Table Filters button.
  4. Add a filter, select the Birth Date field, and enter any date range filter.
  5. Click Apply.

This issue only impacts px-data-grid-paginated. px-data-grid is not affected.

Version

Version 1.0.0
Browser: Chrome 65.0.3325.181 (MacOS)

Screenshots

JS error:
screen shot 2018-04-17 at 9 04 57 pm

Advanced filter:
screen shot 2018-04-17 at 9 05 11 pm
Clicking Apply here does not filter the data grid as expected.