Eingabefelder

Caption Style Date Picker

Eine einzelne Datumsauswahl gepaart mit einem Auswahlmenü, dessen Kopfzeile zwischen einem kombinierten Dropdown-Menü für Monat und Jahr, einem Dropdown-Menü nur für einen Monat oder einem Dropdown-Menü nur für ein Jahr wechselt.

Caption style

Caption Style Date 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: captionStyle, accent, startMonth, startYear

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

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.

2143Dropdown Date PickerEingabefelderEine Einzelmonats-Datumsauswahl, deren Kopfzeile ein Monats-Dropdown-Menü und ein Jahres-Dropdown-Menü nebeneinander verwendet. Das Springen zu einem entfernten Datum erfordert also eine Auswahl statt vieler Pfeilklicks.

2108Appointment Range CardEingabefelderEine Karte, die ein Datumsraster für einen Monat mit einem Feld für Startzeit und Endzeit darunter kombiniert, um einen Tag und ein Zeitfenster in einem kompakten Block auszuwählen.

2114Booked Dates PickerEingabefelderEine einzelne Datumsauswahl, bei der eine Reihe bereits reservierter Tage durchgestrichen angezeigt wird und nicht ausgewählt werden kann, sodass die offenen Tage wie gewohnt ausgewählt werden können.

2126Compact Time Range PickerEingabefelderEine Monatskalenderkarte mit einem zweizelligen Zeitbereichsstreifen in der Fußzeile, wobei die beiden Zeitfelder nur durch einen kurzen Strich getrennt sind, sodass das Paar als eine Bereichssteuerung gelesen wird.

2332Date and Time Duo PickerEingabefelderZwei nebeneinander beschriftete Felder, eine kompakte Datumsschaltfläche, die ein Kalender-Popover öffnet, und ein einfaches Zeitfeld zum Festlegen eines Datums und einer Uhrzeit in zwei unabhängigen Schritten.