TimeField

Ne zaman kullanılır

TimeField formlarda bir saat içindir: başlangıç saati, hatırlatma saati, çalışma saatleri.

Ne zaman kullanılmaz

• Tarih için: DatePicker kullanın.
• Birkaç sabit seçenek için: saatler 30 dakikalık adımlarla sınırlıysa Select daha hızlıdır.
• Süre için: “45 dakika” bir saat değil süredir; NumberField ve birim kullanın.

Anatomi

Saat

SS:DD

Saati 24 saat biçiminde yazın.

AçıkKoyu

Kodu kopyala

import { TimeField } from '@bigbang/ui';

export default function Default() {
  return <TimeField label="Saat" description="Saati 24 saat biçiminde yazın." className="max-w-xs" />;
}

1. Etiket: Parça grubunu adlandırır.
2. Saat simgesi: Süs; okunmaz.
3. Parçalar: Saat, dakika ve isteğe bağlı saniye.
4. Açıklama ve hata: Alanın altında.

Davranış

• Rakam yazmak parçayı doldurur; parça dolunca ya da başka rakam sığmayınca odak sonrakine geçer (“9” yazmak saati 09 yapar ve dakikaya geçer).
• Oklar parçayı artırır ve azaltır, 23’ten sonra 00’a döner.
• min ya da max dışındaki saat yerleşik bir mesaj gösterir.
• Saat her zaman 24 saat biçimindedir; Türkçe ve İngiltere İngilizcesi böyle yazar.

Yönergeler

• Saat diliminin önemli olduğu yerde dilimi açıklamada yazın; TimeField saat dilimi taşımaz.
• Saniyeyi yalnızca gerçekten gerekiyorsa açın.

İçerik

Türkçe	İngilizce
SS / DD / SN	HH / MM / SS
{min} ile {max} arasında bir saat girin	Enter a time from {min} to {max}

İlgili bileşenler

• DatePicker: Tarih.
• NumberField: Süre ve sayı.