...
The selector for this component is <hawksearch-numericdate-range-facet>.
Data Model
The following data model is exposed to the Handlebars template:
| Code Block | ||
|---|---|---|
| ||
{
idstartValue: string;
fieldendValue: string | undefined;
minValue: numberstring;
maxValue: numberstring;
} |
Event Binding Attributes
Attribute Name | Attribute Value |
|---|---|
hawksearch-minstart | |
hawksearch-maxend |
These attributes should be placed on Date Picker elements. When these elements lose focus (blurred), the entered range will be applied as a facet value.
...
| Code Block | ||||
|---|---|---|---|---|
| ||||
<div class="date-range-facet">
<div class="row">
<div class="column column--6">
<hawksearch-date-picker hawksearch-minstart value="{{minValuestartValue}}" min="{{rangeMinminValue}}" max="{{rangeMaxendValue}}" label="Start Date"></hawksearch-date-picker>
</div>
<div class="column column--6">
<hawksearch-date-picker hawksearch-maxend value="{{maxValueendValue}}" min="{{rangeMinstartValue}}" max="{{rangeMaxmaxValue}}" label="End Date"></hawksearch-date-picker>
</div>
</div>
</div> |
...