Bileşenler
MonthPicker
Bir yılın on iki ayı arasından ay ve yıl seçtiren alan.
- Storybook
- Storybook
- Kaynak kod
- Kaynak kod
Ne zaman kullanılır
Bölüm başlığı “Ne zaman kullanılır”- Ekstre, fatura ya da rapor dönemi seçmek için.
- Ay ve yılın yeterli olduğu her yerde: kart son kullanma tarihi, hakediş dönemi.
Ne zaman kullanılmaz
Bölüm başlığı “Ne zaman kullanılmaz”- Gün de gerekiyorsa: DatePicker kullanın.
- Yalnızca yıl gerekiyorsa: YearPicker kullanın.
- Seçenekler az ve sabitse: Select kullanın.
Anatomi
Bölüm başlığı “Anatomi”- Etiket: Field etiketi.
- Tetikleyici: Değeri ya da yer tutucuyu ve takvim ikonunu gösteren düğme.
- Başlık: Yıl, önceki ve sonraki sayfa düğmeleri.
- Tablo: Üç sütunda on iki hücre. Kısa ay adı; erişilebilir adı ay ve yıl.
Davranış
Bölüm başlığı “Davranış”- Tablo seçili ayın sayfasında, yoksa bugünün sayfasında açılır; odak seçili ya da bugünkü hücrededir.
- Ok tuşları sayfa sınırında bir önceki ya da sonraki sayfaya geçer.
- Bir hücre seçilince tablo kapanır ve odak tetikleyiciye döner.
minvemaxdışındaki hücreler seçilemez.isMonthUnavailablearalık içindeki kapalı ayları seçilemez yapar.nameverildiğinde gizli bir alan değeriYYYY-MMolarak gönderir.
Yönergeler
Bölüm başlığı “Yönergeler”- Seçilebilir aralığı
minvemaxile sınırlayın; aralığı yardım metninde de yazın. - Bir formda aynı dönem için hem DatePicker hem MonthPicker kullanmayın.
İçerik
Bölüm başlığı “İçerik”- Etiket dönemin ne için olduğunu söyler: “Ekstre dönemi”, “Kart son kullanma tarihi”.
- Ay adları Provider dilinde,
Intlile biçimlenir.
İlgili bileşenler
Bölüm başlığı “İlgili bileşenler”- DatePicker: Gün, ay ve yıl.
- YearPicker: Yalnızca yıl.
- DateRangePicker: Tarih aralığı.