Eingabefelder

Stay range popover picker

Eine 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.

Select your stay

Stay range popover picker 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, label, nights

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?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

2406Priced stay range calendarEingabefelderEin 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.

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.

2305Birthdate popover pickerEingabefelderEine beschriftete Schaltfläche, die einen schwebenden Kalender mit Dropdown-Listen für Monat und Jahr öffnet, um schnell zu einem Geburtsjahr zu gelangen, und sich selbst schließt, sobald ein Tag ausgewählt wird.