cronapp-framework-js/components/templates/cron-calendar.designtime.html

Javascript library for CronApp's projects

<div class="component-holder ng-scope" data-component="crn-cron-calendar">
    <cron-calendar-design class="ng-pristine ng-untouched ng-valid k-widget k-calendar ng-empty" data-role="calendar">
        <div class="k-header"><a href="#" role="button" class="k-link k-nav-prev" aria-label="Previous" aria-disabled="false"><span class="k-icon k-i-arrow-60-left"></span></a><a href="#" role="button" aria-live="assertive" aria-atomic="true" class="k-link k-nav-fast" aria-disabled="false">August 2022</a><a href="#" role="button" class="k-link k-nav-next" aria-label="Next" aria-disabled="false"><span class="k-icon k-i-arrow-60-right"></span></a></div>
        <div class="k-calendar-view">
            <table tabindex="0" role="grid" class="k-content k-month" cellspacing="0" data-start="2022/6/31">
                <thead>
                    <tr role="row">
                        <th scope="col" title="Sunday">Su</th>
                        <th scope="col" title="Monday">Mo</th>
                        <th scope="col" title="Tuesday">Tu</th>
                        <th scope="col" title="Wednesday">We</th>
                        <th scope="col" title="Thursday">Th</th>
                        <th scope="col" title="Friday">Fr</th>
                        <th scope="col" title="Saturday">Sa</th>
                    </tr>
                </thead>
                <tbody>
                    <tr role="row">
                        <td class="k-other-month k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/6/31" title="Sunday, July 31, 2022">31</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/1" title="Monday, August 01, 2022">1</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/2" title="Tuesday, August 02, 2022">2</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/3" title="Wednesday, August 03, 2022">3</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/4" title="Thursday, August 04, 2022">4</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/5" title="Friday, August 05, 2022">5</a></td>
                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/6" title="Saturday, August 06, 2022">6</a></td>
                    </tr>
                    <tr role="row">
                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/7" title="Sunday, August 07, 2022">7</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/8" title="Monday, August 08, 2022">8</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/9" title="Tuesday, August 09, 2022">9</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/10" title="Wednesday, August 10, 2022">10</a></td>
                        <td class="k-today k-state-selected" role="gridcell" aria-selected="true"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/11" title="Thursday, August 11, 2022">11</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/12" title="Friday, August 12, 2022">12</a></td>
                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/13" title="Saturday, August 13, 2022">13</a></td>
                    </tr>
                    <tr role="row">
                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/14" title="Sunday, August 14, 2022">14</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/15" title="Monday, August 15, 2022">15</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/16" title="Tuesday, August 16, 2022">16</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/17" title="Wednesday, August 17, 2022">17</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/18" title="Thursday, August 18, 2022">18</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/19" title="Friday, August 19, 2022">19</a></td>
                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/20" title="Saturday, August 20, 2022">20</a></td>
                    </tr>
                    <tr role="row">
                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/21" title="Sunday, August 21, 2022">21</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/22" title="Monday, August 22, 2022">22</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/23" title="Tuesday, August 23, 2022">23</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/24" title="Wednesday, August 24, 2022">24</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/25" title="Thursday, August 25, 2022">25</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/26" title="Friday, August 26, 2022">26</a></td>
                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/27" title="Saturday, August 27, 2022">27</a></td>
                    </tr>
                    <tr role="row">
                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/28" title="Sunday, August 28, 2022">28</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/29" title="Monday, August 29, 2022">29</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/30" title="Tuesday, August 30, 2022">30</a></td>
                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/31" title="Wednesday, August 31, 2022">31</a></td>
                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/1" title="Thursday, September 01, 2022">1</a></td>
                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/2" title="Friday, September 02, 2022">2</a></td>
                        <td class="k-other-month k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/3" title="Saturday, September 03, 2022">3</a></td>
                    </tr>
                    <tr role="row">
                        <td class="k-other-month k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/4" title="Sunday, September 04, 2022">4</a></td>
                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/5" title="Monday, September 05, 2022">5</a></td>
                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/6" title="Tuesday, September 06, 2022">6</a></td>
                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/7" title="Wednesday, September 07, 2022">7</a></td>
                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/8" title="Thursday, September 08, 2022">8</a></td>
                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/9" title="Friday, September 09, 2022">9</a></td>
                        <td class="k-other-month k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/10" title="Saturday, September 10, 2022">10</a></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="k-footer"><a href="#" class="k-link k-nav-today" title="Thursday, August 11, 2022">Thursday, August 11, 2022</a></div>
    </cron-calendar-design>
</div>