<div class="iqel-widget-container">
    <div class="iqel-widget-content">
        <!-- display selected date -->
        <fieldset class="iqel-selected-date" data-ui="selected-date">
            <legend class="iqel-label" data-ui="label"></legend>
            <div class="iqel-value" data-ui="value"></div>
            <div class="iqel-icon-container">
                <div class="iqel-icon" data-ui="icon"></div>
            </div>
        </fieldset>
    </div>
    
    <div class="iqel-calendar" data-ui="calendar">
        <div class="iqel-calendar-background">
            <div class="iqel-calendar-content">
                <div class="iqel-selectors" data-ui="selectors">
                    <!-- month selector -->
                    <div class="iqel-month-select" data-ui="month-select">
                        <div class="iqel-previous" data-ui="previous">
                            <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M7.70492 1.41L6.29492 0L0.294922 6L6.29492 12L7.70492 10.59L3.12492 6L7.70492 1.41Z" fill="currentColor"/>
                            </svg>
                        </div>
                        <div class="iqel-current" data-ui="current">September</div>
                        <div class="iqel-next" data-ui="next">
                            <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M1.70492 0L0.294922 1.41L4.87492 6L0.294922 10.59L1.70492 12L7.70492 6L1.70492 0Z" fill="currentColor"/>
                            </svg>                            
                        </div>
                    </div>
                    <!-- year selector -->
                    <div class="iqel-year-select" data-ui="year-select">
                        <div class="iqel-previous" data-ui="previous">
                            <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M7.70492 1.41L6.29492 0L0.294922 6L6.29492 12L7.70492 10.59L3.12492 6L7.70492 1.41Z" fill="currentColor"/>
                            </svg>
                        </div>
                        <div class="iqel-current" data-ui="current">2014</div>
                        <div class="iqel-next" data-ui="next">
                            <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M1.70492 0L0.294922 1.41L4.87492 6L0.294922 10.59L1.70492 12L7.70492 6L1.70492 0Z" fill="currentColor"/>
                            </svg>                            
                        </div>
                    </div>
                </div>
                <div class="iqel-day-select" data-ui="day-select">
                    <!-- day-name headers -->
                    <div class="iqel-day-header" data-ui="day-header">
                        <div class="iqel-day-name" data-ui="day-name">Mo</div>
                        <div class="iqel-day-name" data-ui="day-name">Di</div>
                        <div class="iqel-day-name" data-ui="day-name">Mi</div>
                        <div class="iqel-day-name" data-ui="day-name">Do</div>
                        <div class="iqel-day-name" data-ui="day-name">Fr</div>
                        <div class="iqel-day-name" data-ui="day-name">Sa</div>
                        <div class="iqel-day-name" data-ui="day-name">So</div>
                    </div>
                    <!-- six week rows -->
                    <div class="iqel-week" data-ui="week">
                        <div class="iqel-day" data-ui="day">1</div>
                        <div class="iqel-day" data-ui="day">2</div>
                        <div class="iqel-day" data-ui="day">3</div>
                        <div class="iqel-day" data-ui="day">4</div>
                        <div class="iqel-day" data-ui="day">5</div>
                        <div class="iqel-day" data-ui="day">6</div>
                        <div class="iqel-day" data-ui="day">7</div>
                    </div>
                    <div class="iqel-week" data-ui="week">
                        <div class="iqel-day" data-ui="day">1</div>
                        <div class="iqel-day" data-ui="day">2</div>
                        <div class="iqel-day" data-ui="day">3</div>
                        <div class="iqel-day" data-ui="day">4</div>
                        <div class="iqel-day" data-ui="day">5</div>
                        <div class="iqel-day" data-ui="day">6</div>
                        <div class="iqel-day" data-ui="day">7</div>
                    </div>
                    <div class="iqel-week" data-ui="week">
                        <div class="iqel-day" data-ui="day">1</div>
                        <div class="iqel-day" data-ui="day">2</div>
                        <div class="iqel-day" data-ui="day">3</div>
                        <div class="iqel-day" data-ui="day">4</div>
                        <div class="iqel-day" data-ui="day">5</div>
                        <div class="iqel-day" data-ui="day">6</div>
                        <div class="iqel-day" data-ui="day">7</div>
                    </div>
                    <div class="iqel-week" data-ui="week">
                        <div class="iqel-day" data-ui="day">1</div>
                        <div class="iqel-day" data-ui="day">2</div>
                        <div class="iqel-day" data-ui="day">3</div>
                        <div class="iqel-day" data-ui="day">4</div>
                        <div class="iqel-day" data-ui="day">5</div>
                        <div class="iqel-day" data-ui="day">6</div>
                        <div class="iqel-day" data-ui="day">7</div>
                    </div>
                    <div class="iqel-week" data-ui="week">
                        <div class="iqel-day" data-ui="day">1</div>
                        <div class="iqel-day" data-ui="day">2</div>
                        <div class="iqel-day" data-ui="day">3</div>
                        <div class="iqel-day" data-ui="day">4</div>
                        <div class="iqel-day" data-ui="day">5</div>
                        <div class="iqel-day" data-ui="day">6</div>
                        <div class="iqel-day" data-ui="day">7</div>
                    </div>
                    <div class="iqel-week" data-ui="week">
                        <div class="iqel-day" data-ui="day">1</div>
                        <div class="iqel-day" data-ui="day">2</div>
                        <div class="iqel-day" data-ui="day">3</div>
                        <div class="iqel-day" data-ui="day">4</div>
                        <div class="iqel-day" data-ui="day">5</div>
                        <div class="iqel-day" data-ui="day">6</div>
                        <div class="iqel-day" data-ui="day">7</div>
                    </div>
                </div>
                <div class="iqel-button-anchor" data-ui="button-anchor"></div>
            </div>
        </div>
    </div>
</div>