<html xmlns="http://www.w3.org/1999/xhtml" lang="en"
	xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"
	xmlns:s="http://typo3.org/ns/ApacheSolrForTypo3/Solr/ViewHelpers"
	data-namespace-typo3-fluid="true"
>

	<div class="card">
		<div class="card-header facet-label">
				<span class="bi bi-filter"></span>
				<a data-bs-toggle="collapse" href="#facet{facet.name}" role="button" aria-expanded="false" aria-controls="facet{facet.name}">{facet.label}</a>
		</div>

		<div class="card-body facet-type-dateRange fluidfacet collapse show" data-facet-name="{facet.name}" data-facet-label="{facet.label}" id="facet{facet.name}">
			<div
				data-facet-name="{facet.name}"
				data-facet-label="{facet.label}"
				data-range-min="{facet.range.startInResponse}"
				data-range-max="{facet.range.endInResponse}"
				data-range-min-selected="{facet.range.startRequested}"
				data-range-max-selected="{facet.range.endRequested}"
				data-range-gap="{facet.range.gap}"
				data-facet-url="{s:uri.facet.setFacetItem(facet: facet, facetItemValue: '___FROM___-___TO___')}"
			>
				<input type="hidden" value="{s:uri.facet.addFacetItem(facet: facet, facetItemValue: '___FROM___-___TO___')}" id="created_url">

				<div class="row">
					<div class="col-sm-6">
						<input type="text" class="dateselector form-control" id="start_date_created">
					</div>
					<div class="col-sm-6">
						<input type="text" class="dateselector form-control" id="end_date_created">
					</div>
				</div>
			</div>
		</div>
	</div>

</html>