Eingabefelder

Priced stay range calendar

Ein Bereichskalender, bei dem in jeder Tageszelle unter ihrer Nummer ein kleiner Preis angezeigt wird, an Wochenenden höhere Preise als an Wochentagen gelten und Monat und Jahr aus Dropdown-Listen ausgewählt werden.

4 nights$640 total

Priced stay range calendar verwenden

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: accent, weekdayPrice, weekendPrice

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

2443Stay range popover pickerEingabefelderEine Auslöseschaltfläche, die zwei durch einen Bindestrich verbundene Daten anzeigt und einen schwebenden Bereichskalender zur Auswahl eines Start- und Endtages öffnet, um einen Aufenthalt im Hotelstil auszuwählen.

2139Date Range PickerEingabefelderEin Einzelmonatskalender zur Auswahl eines Start- und Enddatums, wobei jeder Tag dazwischen als ein fortlaufender hervorgehobener Streifen ausgefüllt wird, sobald beide Enden ausgewählt sind.

2185Localized booking calendarEingabefelderEine Zwei-Monats-Bereichsauswahl innerhalb einer Karte, deren Titel, Untertitel und Monatsnamen über ein kleines Auswahlmenü in der Kopfzeile zwischen zwei Sprachen wechseln.

2442Stay Dates PickerEingabefelderEin Feldpaar im Buchungsstil, Check-in und Check-out, jedes öffnet seinen eigenen Dropdown-Kalender neben einem Feld mit fester Zeit, um einen Aufenthalt mit zwei Enden auszuwählen.

2261Two-Month Range PickerEingabefelderEine Datumsbereichsauswahl, die zwei aufeinanderfolgende Monate gleichzeitig anzeigt, sodass ein Bereich, der sich über eine Monatsgrenze erstreckt, während der Auswahl vollständig sichtbar bleibt.

2116Bounded Stay Range PickerEingabefelderEine Zwei-Monats-Bereichsauswahl, die sowohl eine Mindest- als auch eine Höchstanzahl an Nächten erzwingt, sodass nur Enddaten innerhalb dieses Fensters auswählbar bleiben, sobald ein Anfang festgelegt ist.