@if (DateList == null || DateList.Count == 0)
{
    <LoadingData></LoadingData>
}
else
{
    <table class="cssTable" style="@HeadStyle">
        <thead>
            <tr>
                <th class="text-center text-light" @onclick="()=>OpenCalendarMonth()" style="width: @lblWidth;"><i class="fa-regular fa-circle-xmark"></i></th>
                @foreach (var item in DateList)
                {
                    <th class="text-center" style="width: @dataWidth;" @onclick="()=>SelectDate(item)">
                        <div>
                            @($"{item:ddd}".Substring(0, 1).ToUpper())
                        </div>
                        <div class="small">
                            <sup>@($"{item:dd}")</sup>
                        </div>
                    </th>
                }
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <CalWeekColumn ItemMode="CalWeekColumn.ColType.labelStart" vBox="vBoxLabel" EventList="@LabelList()" ValMin="8" ValMax="20"></CalWeekColumn>
                </td>
                @foreach (var item in DateList)
                {
                    <td>
                        <CalWeekColumn ItemMode="CalWeekColumn.ColType.dataContainer" vBox="vBoxCont" EventList="@DayEvent(item)" ValMin="8" ValMax="20" PercX="@PercX" PercY="@PercY"></CalWeekColumn>
                    </td>
                }
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td colspan="@calcColSpan" class="meseAnno">
                    <div class="d-flex justify-content-around">
                        <button class="containerBtnTemp" @onclick="()=> changeWeek(-1)"><i class="fa-solid fa-circle-chevron-left"></i></button>
                        <div class="">
                            @($"{DtRif: MMM yyyy}") | <b>W@($"{weekNum(DtRif):00}")</b>
                        </div>
                        <button class="containerBtnTemp" @onclick="()=> changeWeek(1)"><i class="fa-solid fa-circle-chevron-right"></i></button>
                    </div>
                </td>
            </tr>
        </tfoot>
    </table>
}