Eingabefelder

Friendly Date Range Picker

Eine Pillenschaltfläche, die eine Datumsspanne in Klartext vorliest und einen Dropdown-Kalender öffnet, in dem Sie einen Start- und einen Endtag auswählen können.

Select your stay

Friendly Date Range Picker verwenden

Eine Pillenschaltfläche, die eine Datumsspanne in Klartext vorliest und einen Dropdown-Kalender öffnet, in dem Sie einen Start- und einen Endtag auswählen können.

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, rangeText

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

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.

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.

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.

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.

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.