Semana
Datumsfeld in Segmenten
Tag, Monat und Jahr in Feldern, die von selbst weiterspringen, mit den Pfeiltasten zählen und ein Kalenderblatt umklappen.
Einstellungen
Code
<div class="uvq06-dt"><span class="lb" id="uvq06-dt-l">Anreisedatum</span><div class="fd" role="group" aria-labelledby="uvq06-dt-l"><div class="pg" aria-hidden="true"><span class="wd"></span><span class="dn"></span></div><input class="sg" data-min="1" data-max="31" maxlength="2" inputmode="numeric" autocomplete="off" aria-label="Tag" placeholder="TT"><span class="sp" aria-hidden="true">/</span><input class="sg" data-min="1" data-max="12" maxlength="2" inputmode="numeric" autocomplete="off" aria-label="Monat" placeholder="MM"><span class="sp" aria-hidden="true">/</span><input class="sg y" data-min="1900" data-max="2099" maxlength="4" inputmode="numeric" autocomplete="off" aria-label="Jahr" placeholder="JJJJ"></div><p class="ft" aria-live="polite"><span class="wn"></span><span class="wk">Woche <b></b></span></p></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Eingabefelder
Alle ansehen: EingabefelderWofür du ihn nutzen kannst
Ein Datumsfeld, aufgeteilt in drei Zahlenfelder, wie man es von Desktop-Betriebssystemen kennt. Beim Tippen springt der Fokus von selbst weiter, der Schrägstrich ebenfalls, und die Pfeiltasten nach oben und unten zählen jeden Wert durch. Ein Abreißkalender zeigt den Wochentag, darunter steht die Kalenderwoche, und unmögliche Daten lassen das Feld wackeln.
Die Hauptfarbe färbt das aktive Feld und den Kopf des Kalenderblatts. Es passt zu Buchungen, Lieferterminen und Geburtstagen, wenn ein ganzer Kalender zu viel ist, und zeigt auf dem Handy in jedem Feld die Zahlentastatur.