کتابخونه کامپوننت Bz

BzCalendarFull

تقویم شمسیِ تمام‌صفحه با روزهای باکس‌مربعی (گرید-مانند) که 100٪ فضای داده‌شده را پر می‌کند؛ همراه پرش سریع به ماه/سال و نمایش رویدادها داخل هر روز.

کد کامل
@using BzCore.Components.Calendar
@using BzCore.Enums

<div style="height: 640px;">
    <BzCalendarFull SelectedDate="selected" OnDayClick="@(d => selected = d)" Events="events" />
</div>

@code {
    DateTime? selected = DateTime.Today;
    List<BzCalendarEvent> events = new()
    {
        new(DateTime.Today, "جلسهٔ تیم", BzColor.Primary),
        new(DateTime.Today.AddDays(2), "ددلاین", BzColor.Danger),
        new(DateTime.Today.AddDays(5), "انتشار", BzColor.Success),
    };
}

نمونهٔ تمام‌صفحه

انتخاب‌شده: 2026/06/22

شیدسچپج
۳۰
۳۱
۱
جلسهٔ تیمبازبینی کد
۲
ارسال نسخه
۳
ددلاین فاکتورتماس با مشتریقرار اضافه 1۱+ بیشتر
۴
۵
۶
رویداد هفته
۷
۸
۹
۱۰
۱۱
۱۲
۱۳
۱۴
۱۵
۱۶
۱۷
۱۸
۱۹
۲۰
۲۱
۲۲
۲۳
۲۴
۲۵
۲۶
۲۷
۲۸
۲۹
۳۰
۳۱
۱
۲
۳
۴
۵
۶
۷
۸
۹

در یک کادر کوچک‌تر (100٪ همان کادر)

شیدسچپج
۳۰
۳۱
۱
جلسهٔ تیمبازبینی کد
۲
ارسال نسخه
۳
ددلاین فاکتورتماس با مشتریقرار اضافه 1۱+ بیشتر
۴
۵
۶
رویداد هفته
۷
۸
۹
۱۰
۱۱
۱۲
۱۳
۱۴
۱۵
۱۶
۱۷
۱۸
۱۹
۲۰
۲۱
۲۲
۲۳
۲۴
۲۵
۲۶
۲۷
۲۸
۲۹
۳۰
۳۱
۱
۲
۳
۴
۵
۶
۷
۸
۹