Calendar

Ne zaman kullanılır

Calendar sayfada açık duran bir ay görünümünde tek tarih seçmek içindir: bir planlama paneli, bir yan sütun.

Ne zaman kullanılmaz

• Bir form alanında tarih için: DatePicker kullanın; yazarak giriş de sunar.
• Tarih aralığı için: DateRangePicker kullanın.

Anatomi

Ekim 2026

Pzt	Sal	Çar	Per	Cum	Cmt	Paz
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

AçıkKoyu

Kodu kopyala

import { Calendar, parseDate } from '@bigbang/ui';

export default function Default() {
  return <Calendar defaultValue={parseDate('2026-10-28')} />;
}

1. Başlık: Ay ve yıl; önceki ve sonraki ay düğmeleri iki yanda.
2. Hafta günleri: Kısa adlar; tam ad abbr ile okunur.
3. Gün ızgarası: 40 px yuvarlak günler; yalnızca bu ayın günleri gösterilir.
4. Bugün: İnce iç halka ve kalın rakam.

Davranış

• Odak bir gündedir; oklar, Page Up/Down ve Home/End ile dolaşılır, ay gerekiyorsa değişir.
• min ve max dışındaki ay düğmeleri devre dışı kalır.
• Görünen ay değişince başlık kibarca duyurulur.
• Değer @internationalized/date CalendarDate türündedir; saat dilimi ve JS Date kayması yoktur.

Yönergeler

• Sınırları hem min/max ile hem de metinle anlatın.
• Durum noktalarının anlamını sayfada bir açıklamayla da verin; renk tek başına anlam taşımaz.
• Doğum tarihi gibi uzak tarihler için takvim yerine DatePicker’ın yazarak girişini öne çıkarın.

İçerik

Türkçe	İngilizce
Önceki ay	Previous month
Sonraki ay	Next month
bugün	today
seçilemez	unavailable

İlgili bileşenler

• DatePicker: Alan ve açılır takvim.
• DateRangePicker: Tarih aralığı.