Bileşenler
YearPicker
On iki yıllık bir sayfadan 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”- Yıllık rapor, mali yıl ya da vergi dönemi seçmek için.
- Yalnızca yılın önemli olduğu her yerde.
Ne zaman kullanılmaz
Bölüm başlığı “Ne zaman kullanılmaz”- Gün de gerekiyorsa: DatePicker kullanın.
- Ay da gerekiyorsa: MonthPicker 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 aralığı, örneğin 2016 – 2027, önceki ve sonraki sayfa düğmeleri.
- Tablo: Üç sütunda on iki hücre. Yıl.
Davranış
Bölüm başlığı “Davranış”- Tablo seçili yılı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.nameverildiğinde gizli bir alan değeriYYYYolarak 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 YearPicker kullanmayın.
İçerik
Bölüm başlığı “İçerik”- Etiket yılın ne için olduğunu söyler: “Mali yıl”, “Rapor yılı”.
- Yıllar Provider dilinde, binlik ayırıcı olmadan yazılır.
İlgili bileşenler
Bölüm başlığı “İlgili bileşenler”- DatePicker: Gün, ay ve yıl.
- MonthPicker: Ay ve yıl.
- DateRangePicker: Tarih aralığı.