Insights Hub Web component date range picker

2022-02-07T13:51:37Z
Applications

Summary


Details

You are developing an application in angular 8 by using MindSphere Web Components - Date Time Range Picker - Developer Documentation. This date-time range picker is used across all the pages in your application to select date-time range and you want to comment out in quick range section, e.g. for last 90 days or last quarter.

How can you do that?


Solution

There is currently no built-in function for that.

If you just want to hide, you can solve this via CSS.

Example for how to remove the "Last 90 days":

mdsp-date-time-range-picker .mwc-content-pane .mwc-quick-select-list .mwc-quick-select-column:first-child :nth-child(5) {

visibility: hidden;

}


Notes

Important note: We recommend using a specific minor version of the web components. 

See also https://developer.mindsphere.io/resources/mindsphere-webcomponents/global/versioning.html

KB Article ID# PL8613123

Contents

SummaryDetails

Associated Components

Applications - Other