Neben dem key Attribut werden alle Attribute vom bh:form.datepicker.range ViewHelper übernommen.
Eine detailierte Dokumentation und Beispiele befinden sich auf der Bakehouse Datepicker Seite.
Generiert ein Start-Eingabe-Feld einer Zeitraumauswahl mit zwei Eingabe-Feldern (Start und Ende).
Achtung
Nicht für Content-Element-Settings
Dieser ViewHelper ist nicht für Content-Element-Settings vorgesehen und darf daher nicht für diesen Zweck verwendet werden.
Die Verwendung ist ausschließlich im "Front-End" und Formular-Manager erlaubt.
Achtung
"required" HTML Validierung funktioniert nicht
Da der Datepicker ein "readonly" Eingabe-Feld generiert, greift das required Attribut nicht. Aus diesem Grund muss im TypoScript eine Back-End-Validierung konfiguriert werden: Beispiel-Konfiguration
Attribute
| Name | Beschreibung | Type | default | required |
|---|---|---|---|---|
| key | Schlüssel zur Verbindung zwischen Start- und End-Eingabe-Feld | string | true |
Beispiel
html
<bh:form.datepicker.range.start name="anreise" key="reservierung" minRange="2" maxRange="7" />
Ausgabe
html
<input data-datepicker-start="reservierung" name="anreise" type="text" data-datepicker="{'range':1,'minRange':2,'maxRange':7}" id="mbsc-control-0" readonly="">