Date & Time Picker Bileşeni

Basit Kullanım

En temel datetime picker kullanımı.

<DatePicker
 date={date}
 setDate={(newDate) => setDate(newDate)}
 className="w-full"
/>

12 Saat Formatı

12 saat formatında datetime picker kullanımı.

<TimePicker
 value={date}
 onChange={(newDate) => setDate(newDate)}
 use24Hour={false}
/>

24 Saat Formatı

24 saat formatında datetime picker kullanımı.

<TimePicker
 value={date}
 onChange={(newDate) => setDate(newDate)}
 use24Hour={true}
/>

Tarih ve Saat Seçimi

Tarih ve saat seçimi yapılabilen datetime picker kullanımı.

<DateTimePicker
 value={date}
 onChange={(newDate) => setDate(newDate)}
/>

Önceden Seçili Tarih

Varsayılan değer ile datetime picker kullanımı.

<DateTimePicker
 value={new Date(2024, 2, 25, 15, 30)}
 onChange={(newDate) => setDate(newDate)}
/>