Prop’lar

Prop	Tip	Varsayılan	Açıklama
`value`	`{ start: Date \| null; end: Date \| null }`	—	Seçili tarih aralığı değeri
`onChange`	`(value: { start: Date \| null; end: Date \| null }) => void`	—	Değer değiştiğinde geri arama
`presets`	`DateRangePreset[]`	—	Önceden tanımlanmış tarih aralığı hazır ayarları
`maxDays`	`number`	—	Aralıkta izin verilen maksimum gün sayısı (dahil)
`minDays`	`number`	—	Aralıkta gerekli minimum gün sayısı (dahil)
`allowSingleDateInRange`	`boolean`	`true`	Başlangıç ve bitişin eşit olduğu aralığa izin ver
`minDate`	`Date`	—	Minimum seçilebilir tarih
`maxDate`	`Date`	—	Maksimum seçilebilir tarih
`locale`	`Partial<Locale>`	—	Özel yerel ayar yapılandırması
`initialMonth`	`Date`	—	Başlangıçta görüntülenen ay
`size`	`"small" \| "medium" \| "large" \| "x-large"`	`"medium"`	Bileşen boyutu
`weekStartsOn`	`WeekDay`	`"sunday"`	Haftanın ilk günü
`isDateUnavailable`	`(date: Date) => boolean`	—	Tarihleri devre dışı olarak işaretle
`displayFormat`	`string`	—	Özel görüntüleme formatı (örn. `"GG.AA.YYYY"`)
`open`	`boolean`	—	Kontrol edilen açık durumu
`initialOpen`	`boolean`	—	Başlangıçtaki açık durumu (kontrolsüz)
`onOpenChange`	`(open: boolean) => void`	—	Açık durumu değiştiğinde geri arama
`required`	`boolean`	`false`	Değeri temizlemeyi devre dışı bırak
`showOutsideDays`	`boolean`	`false`	Bitişik aylardaki günleri göster
`highlightDates`	`Date[]`	—	Vurgulanacak tarihler
`shouldCloseOnSelect`	`boolean`	`false`	Bitiş tarihi seçildiğinde otomatik onayla
`numberOfMonths`	`number`	`2`	Görüntülenecek ay sayısı
`captionLayout`	`"buttons" \| "dropdown"`	`"buttons"`	Başlık gezinme stili
`fromYear`	`number`	—	Açılır menü için başlangıç yılı
`toYear`	`number`	—	Açılır menü için bitiş yılı
`disablePast`	`boolean`	`false`	Bugünden önceki tarihleri devre dışı bırak
`disableFuture`	`boolean`	`false`	Bugünden sonraki tarihleri devre dışı bırak
`inline`	`boolean`	`false`	Takvimi satır içinde göster (açılır pencere yok)
`name`	`string`	—	Form gönderimi için gizli girdi adı (başlangıç tarihi)
`endName`	`string`	—	Bitiş tarihi için gizli girdi adı (varsayılan olarak `name-end`)
`placeholder`	`string`	—	Tetikleyici yer tutucu metni
`hideHeader`	`boolean`	`false`	Gezinme başlığını gizle
`hideFooter`	`boolean`	`false`	Eylem altbilgisini gizle

DateRangePreset

interface DateRangePreset {
  label: string;
  value: { start: Date; end: Date } | (() => { start: Date; end: Date });
}