Kiritiş · molecule
Sana maydoni
Sanani yozib kiritiş: KK.OO.YYYY niqobi nuqtalarni özi qöyadi, töliq sana tekşiriladi (mavjudligi, eng erta/eng keç sana, öçirilgan kunlar). Formaga ISO (YYYY-MM-DD) yaşirin input orqali ketadi. Kalendarsiz — tuğilgan sana kabi uzoq sanalar uçun qulay; kalendar bilan — fx-datepicker.
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-width | fullsmmd | full |
Anatomiya
- root
.fx-dateinputşart - control
.fx-input-group__controlixtiyoriy
Holatlar
invalid
Klaviatura va kiriş
| Tugma | Amal |
|---|---|
| 0–9 | Raqam yozadi, nuqtalar özi qöyiladi |
| Backspace | Oxirgi raqamni öçiradi |
Matn maydoni inputmode=numeric, format namunasi placeholder va hint'da. Xato — aria-invalid + hint matni (rang yolğiz emas). Forma qiymati ISO.
Kod
AI uçun: qaçon işlatiladi
Işlating
- Uzoq sana (tuğilgan kun, şartnoma sanasi) — klaviatura tezroq.
- Kalendar kerak bölmagan joy.
Işlatmang
- Sanani köz bilan, hafta kunlari kontekstida tanlaş →
datepicker - Davr (boşlaniş–tugaş) →
daterange - Sanani 3 ta alohida select bilan bermang — bitta niqobli maydon tezroq.
- Faqat yaqin sana (bu hafta) tanlansa — fx-datepicker yaxşiroq.
npx foxui add dateinput
<label class="fx-field"> <span class="fx-label">Tuğilgan sana</span> <span class="fx-input-group fx-dateinput" data-fx-dateinput data-max="2026-10-17" data-value="1994-03-08"><input class="fx-input-group__control" name="tugilgan" aria-describedby="di1-h"></span> <span class="fx-hint" id="di1-h">KK.OO.YYYY körinişida yozing.</span> </label> <label class="fx-field"> <span class="fx-label">Yetkazib beriş sanasi</span> <span class="fx-input-group fx-dateinput" data-fx-dateinput data-min="2026-10-18" data-off-days="7" data-size="sm"><input class="fx-input-group__control" name="yetkazish" aria-describedby="di2-h"></span> <span class="fx-hint" id="di2-h">Ertadan boşlab, yakşanbadan boşqa kun.</span> </label>
Tokenlar: --fx-border-color-error
Şu toifadan
KalendarOy töri: kun tanlaş, oraliq (2 oy yonma-yon), oy va yil körinişi.Captcha ramkasi«Men robot emasman» (4.110, #27): uçinçi tomon captcha'si (Cloudflare Turnstile, reCAPTCHA, hCaptcha yoki öz serveringiz) uçun FoxUI ramkasi — forma içida begona körinmaydi, holatlar hamma provayderda bir xil: böş → «Tekşirilmoqda…» (halqa) → ✓ «Tasdiqlandi» / !CheckoutTölov / checkout formasi (naqş): raqamlangan bölimlar — aloqa (telefon +998), yetkazib beriş usuli va manzil, tölov usuli (bank kartasi — raqam va muddat niqobi bilan, naqd, bölib tölaş); öngda yopişqoq buyurtma xulosasi — mahsulotlar, promo-kod, jami va «… söm tölaş».Rang tanlagiçErkin rang tanlaş: töyinganlik/yorqinlik maydoni (siçqonça va klaviatura), ton çiziği, HEX va RGB maydonlari, tayyor ranglar qatori va pipetka (brauzer qöllasa).ComboboxYozib qidiriladigan tanlov: köp variant (şahar, mijoz, mahsulot).Yoziş paneli (composer)AI çat va messenjer uçun BITTA yoziş paneli: biriktiriş tugmasi, avto-ösuvçi maydon, ixtiyoriy emoji, matn bölmasa mikrofon — matn paydo bölsa yuboriş (ikon animatsiyali almaşadi), oqim ketayotganda «Töxtatiş».