رفتن به محتوای اصلی

انتخابگر تاریخ و ساعت

کاربرد و حالت‌ها​

انتخابگر تاریخ جلالی است و ساعت با دو select بومی (ساعت/دقیقه) کنارش می‌آید: قالب ۲۴ساعته، ارقام فارسی، بدون AM/PM. فیلدهای شروع/پایان هم‌عرض‌اند و زیر حدود ۳۸۰px تک‌ستونه می‌شوند.

اندازه‌ها: هدف ارتفاع ۴۲px و شعاع ۱۰؛ وب فعلی min-height=44 دارد. پاپ‌آور تقویم ۲۷۲px است و نزدیک لبهٔ صفحه جابه‌جا می‌شود؛ دکمهٔ «امروز» همیشه در دسترس است.

تعامل با تمام‌روز: فعال‌کردن تمام‌روز، ساعت را خاموش می‌کند اما مقدار قبلی‌اش را حفظ می‌کند تا با خاموش‌کردن دوباره، از دست نرود. پاک‌کردن تاریخ فقط اختیاری است.

پلتفرم و دسترس‌پذیری​

ترتیب Tab این‌گونه است: تاریخ ← ساعت ← دقیقه. نام هر کنترل مستقل و با زمینهٔ شروع/پایان است؛ Esc فقط لایهٔ فعلی را می‌بندد. در وب، DateTimeField مقدار ساعت null را غیرفعال نشان می‌دهد؛ انتخاب ماه/سال و پاک‌کردن در این primitive وجود ندارد. شبکهٔ روزها: ماه کوچک.

منبع وب: apps/calendar-web/src/components/ui/date-time-field.tsx. این قرارداد هدف است؛ وضعیت اجرا در پذیرش واقعی. قواعد مشترک: کنتراست، فوکوس، لمس و حرکت.

نمونهٔ هدف