Etkinlik takvimi
Aylık takvim; masaüstünde etkinlik etiketleri, telefonda nokta ve günün ajandası.
Veri gösterimi
VCalendar
1 örnek
Aylık görünüm
Masaüstünde günde 3 etiket ve "+N"; telefonda noktalar ve seçili günün ajandası.
Kodu göster
blade
@php
$m = now()->format('Y-m');
$events = [
['date' => "$m-03", 'time' => '20:00', 'title' => 'PK turnuvası', 'tone' => 'danger'],
['date' => "$m-03", 'time' => '22:00', 'title' => 'Ortak yayın', 'tone' => 'purple'],
['date' => "$m-08", 'title' => 'Teşvik dönemi başlar', 'tone' => 'success'],
['date' => now()->toDateString(), 'time' => '19:30', 'title' => 'Ajans toplantısı', 'tone' => 'primary'],
['date' => now()->toDateString(), 'time' => '21:00', 'title' => 'Canlı analiz', 'tone' => 'info'],
['date' => now()->toDateString(), 'time' => '23:00', 'title' => 'Gece yayını', 'tone' => 'warning'],
['date' => now()->toDateString(), 'time' => '23:30', 'title' => 'Kapanış', 'tone' => 'teal'],
['date' => "$m-21", 'title' => 'Ödeme günü', 'tone' => 'success'],
['date' => "$m-27", 'time' => '18:00', 'title' => 'Yeni yayıncı eğitimi', 'tone' => 'orange'],
];
@endphp
<armada:calendar :events="$events" />
Özellikler
<armada:calendar>
| Prop | Varsayılan | Not |
|---|---|---|
events |
[] |
[['date' => '2026-10-14', 'title' => 'Yayın', 'time' => '20:00', 'tone' => 'primary', 'href' => null], …] |
month |
null |
'Y-m' shown first; default: this month |
locale |
null |
|
max |
3 |
event chips per day before "+N" |
agenda |
true |
list of the selected day's events under the grid (always on phones) |