<div class="m-calendar">

    <div class="m-calendar__years">
        <div class="m-calendar__year">

        </div>
        <div class="m-calendar__year">
            2019
        </div>
        <div class="m-calendar__year">
            2020
        </div>
        <div class="m-calendar__year">
            2021
        </div>
        <div class="m-calendar__year">
            2022
        </div>
    </div>

    <div class="m-calendar__data">
        <div class="m-calendar__months">
            <div class="m-calendar__month">
                GEN
            </div>
            <div class="m-calendar__month">
                FEB
            </div>
            <div class="m-calendar__month">
                MAR
            </div>
            <div class="m-calendar__month">
                APR
            </div>
            <div class="m-calendar__month">
                MAG
            </div>
            <div class="m-calendar__month">
                GIU
            </div>
            <div class="m-calendar__month">
                LUG
            </div>
            <div class="m-calendar__month">
                AGO
            </div>
            <div class="m-calendar__month">
                SET
            </div>
            <div class="m-calendar__month">
                OTT
            </div>
            <div class="m-calendar__month">
                NOV
            </div>
            <div class="m-calendar__month">
                DIC
            </div>
        </div>

        <div class="m-calendar__rates">

            <div class="m-calendar__rate">

            </div>

            <div class="m-calendar__rate">

            </div>

            <div class="m-calendar__rate">

            </div>

            <div class="m-calendar__rate">

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate -is-active">
                100,5 €

                <div class="a-service-tooltip">
                    <div>
                        <strong>Asset</strong>
                        <span>300,00 €</span>
                    </div>
                    <div>
                        <strong>Servizi</strong>
                        <span>80,00 €</span>
                    </div>
                </div>

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

            <div class="m-calendar__rate ">
                100,5 €

            </div>

        </div>

    </div>

</div>
<div class="m-calendar">

    <div class="m-calendar__years">
        <div class="m-calendar__year">
            
        </div>
        <div class="m-calendar__year">
            2019
        </div>
        <div class="m-calendar__year">
            2020
        </div>
        <div class="m-calendar__year">
            2021
        </div>
        <div class="m-calendar__year">
            2022
        </div>
    </div>

    <div class="m-calendar__data">
        <div class="m-calendar__months">
            <div class="m-calendar__month">
                GEN
            </div>
            <div class="m-calendar__month">
                FEB
            </div>
            <div class="m-calendar__month">
                MAR
            </div>
            <div class="m-calendar__month">
                APR
            </div>
            <div class="m-calendar__month">
                MAG
            </div>
            <div class="m-calendar__month">
                GIU
            </div>
            <div class="m-calendar__month">
                LUG
            </div>
            <div class="m-calendar__month">
                AGO
            </div>
            <div class="m-calendar__month">
                SET
            </div>
            <div class="m-calendar__month">
                OTT
            </div>
            <div class="m-calendar__month">
                NOV
            </div>
            <div class="m-calendar__month">
                DIC
            </div>
        </div>

        <div class="m-calendar__rates">
            {% for item in range(1,5) %}
                <div class="m-calendar__rate">

                </div>
            {% endfor %}
            {% for item in range(1,45) %}
                <div class="m-calendar__rate {% if loop.index == 35 %}-is-active{% endif %}">
                    100,5 €
                    {% if loop.index == 35 %}
                        <div class="a-service-tooltip">
                            <div>
                                <strong>Asset</strong>
                                <span>300,00 €</span>
                            </div>
                            <div>
                                <strong>Servizi</strong>
                                <span>80,00 €</span>
                            </div>
                        </div>
                    {% endif %}
                </div>
            {% endfor %}
        </div>

    </div>
    
</div>
/* No context defined for this component. */

There are no notes for this item.