Add a reset button to the filters

[JonasKellerer]

This came up in #270

It would be nice to have a button at the top of the filters which removes all inputs from the filters and inserts default values.

[JonasKellerer]

As discussed:

• we need to control the input components from the outside for this ticket (which is currently not possible)
• we first create a proof of concept of an external control and discuss this
• then we go back to this ticket

[JonasKellerer]

Search in MDN:

<input type="date" value="2022-01-01">: "You can set a default value for the input with a date inside the value attribute, like so"

• This sets the initial value of the field.
• The field then controls itself, meaning users can input new dates.
• The value can be accessed from the outside of the element

<label for="start">Start date:</label>
<input type="date" id="start" name="trip-start" value="2018-07-22" min="2018-01-01" max="2018-12-31" />

var startDateInput = document.getElementById('start');
var startDateValue = startDateInput.value

<input type="text"> : "The value attribute is a string that contains the current value of the text entered into the text field. You can retrieve this using the HTMLInputElement value property in JavaScript."

<select> : Has no value prop. The default/value is set directly on the options: Dog

Proposal for GsDateRangeSelector:

<gs-date-range-selector
    dateRangeOptions='[{ "label": "Year 2021", "dateFrom": "2021-01-01", "dateTo": "2021-12-31" }]'
    earliestDate="1970-01-01"
    value="Year 2021"
    width="100%"
    dateColumn="myDateColumn"
></gs-date-range-selector>

• use value similar to input of type text
• sets the initial value of the component
• the input can still be controlled by users
• when a new value is passed to the component, the component uses this value