Kiritiş · molecule
Kunlar tasmasi
Gorizontal 7 kunlik mini kalendar (4.104): bron, qabul, yetkazib beriş va jadval sahifalari tepasida — töliq oy törisiz tez kun tanlaş. ‹ › — hafta, hafta Duşanbadan (data-align="today" — bugundan boşlab 7 kun). Bugun «Bugun» yozuvi va qalin halqa, band kun — burçakda nuqta (+ ekran öquvçiga «bron bor»), yopiq kun — çizilgan raqam va «yopiq». Kalendar bilan bir xil yordamçilar (oy nomlari, Du–Ya).
Stomatologiya qabuli — «Mehr Klinikasi», Yunusobod
Nuqta — böş vaqt kam qolgan kun. Yakşanba — dam oliş.
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-size | mdsm ixçam, pastki yozuvsiz | md |
data-align | week Duşanbadantoday bugundan 7 kun | week |
Anatomiya
- root
.fx-daystripşart - head
.fx-daystrip__headixtiyoriy - title
.fx-daystrip__titleixtiyoriy - nav
.fx-daystrip__navixtiyoriy - days
.fx-daystrip__daysşart - day
.fx-daystrip__dayşart - dow
.fx-daystrip__dowixtiyoriy - num
.fx-daystrip__numixtiyoriy - sub
.fx-daystrip__subixtiyoriy
Holatlar
Klaviatura va kiriş
| Tugma | Amal |
|---|---|
| ← → | Oldingi / keyingi kun (tanlanadi); hafta çetidan ötsa — hafta almaşadi |
| Home / End | Haftaning birinçi / oxirgi kuni (fokus) |
| PageUp / PageDown | Oldingi / keyingi hafta |
| Boʻshliq / Enter | Fokusdagi kunni tanlaydi |
APG radio group: tasma role="radiogroup" (sarlavha bilan nomlangan), har kun role="radio" aria-checked, töliq nom aria-label'da («21-oktyabr 2026, çorşanba, bron bor»). Bitta Tab bekati (roving tabindex). Yopiq kun aria-disabled. Hafta sarlavhasi aria-live.
Naqş: WAI-ARIA APG radio · rol radiogroup
Kod
AI uçun: qaçon işlatiladi
- Bron / qabul / yetkazib beriş sahifasida yaqin kunlardan birini tanlaş.
- Jadval yoki vaqt slotlari ustida kun almaştirgiç.
npx foxui add daystrip
<section class="fx-card" style="padding:var(--fx-space-4);display:grid;gap:var(--fx-space-3);max-inline-size:36rem"> <h3 style="margin:0">Stomatologiya qabuli — «Mehr Klinikasi», Yunusobod</h3> <div class="fx-daystrip" data-fx-daystrip data-name="sana" data-value="2026-10-21" data-min="2026-10-01" data-marks="2026-10-22,2026-10-24" data-disabled="2026-10-23" data-off-days="7" aria-label="Qabul sanasi"></div> <p style="margin:0;color:var(--fx-text-secondary);font-size:var(--fx-font-size-sm)">Nuqta — böş vaqt kam qolgan kun. Yakşanba — dam oliş.</p> </section> <div class="fx-daystrip" data-fx-daystrip data-size="sm" data-align="today" aria-label="Yetkazib beriş kuni" style="margin-block-start:var(--fx-space-4)"></div>
Tokenlar: --fx-bg-brand-solid --fx-bg-muted --fx-bg-pressed --fx-bg-surface --fx-border-color-default --fx-border-color-focus --fx-border-color-strong --fx-border-width-default --fx-border-width-focus --fx-control-h-sm --fx-ease-standard --fx-fg-warning --fx-font-size-lg --fx-font-size-md --fx-font-size-sm --fx-font-size-xs --fx-font-weight-medium --fx-font-weight-semibold --fx-line-height-tight --fx-motion-fast --fx-motion-instant --fx-motion-press --fx-popover-width --fx-radius-circle --fx-radius-control --fx-size-icon-md --fx-size-status-dot-sm --fx-space-1 --fx-space-2 --fx-text-brand --fx-text-disabled --fx-text-on-brand --fx-text-primary --fx-text-secondary --fx-text-tertiary