cronapp-framework-js 2.9.1-SP.9 → 2.9.2

package/components/crn-upload.components.json

@@ -8,7 +8,8 @@
   "description": "Botão com estrutura para armazenar arquivo na fonte de dados",
   "description_en_US": "Button with structure to store file in data source",
   "category": [
-      "INPUTS", "FORMS"
+    "INPUTS",
+    "FORMS"
   ],
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/fileupload.template.html",
   "styles": [
@@ -33,67 +34,78 @@
           "key": "btn-default",
           "value_pt_BR": "Padrão do tema",
           "value_en_US": "Default theme",
-          "color": "--btnDefault"
+          "color": "--btnDefault",
+          "borderColor": "--borderBtnDefault"
         },
         {
           "key": "btn-primary",
           "value_pt_BR": "Secundário",
           "value_en_US": "Secondary",
-            "color": "--btnPrimary"
+          "color": "--btnPrimary",
+          "borderColor": "--borderBtnPrimary"
         },
         {
           "key": "btn-success",
           "value_pt_BR": "Sucesso",
           "value_en_US": "Success",
-          "color" : "--btnSuccess"
+          "color": "--btnSuccess",
+          "borderColor": "--borderBtnSuccess"
         },
         {
           "key": "btn-info",
           "value_pt_BR": "Informação",
           "value_en_US": "Info",
-          "color" : "--btnCalm"
+          "color": "--btnCalm",
+          "borderColor": "--borderBtnCalm"
         },
         {
           "key": "btn-warning",
           "value_pt_BR": "Aviso",
           "value_en_US": "Warning",
-          "color" : "--btnWarning"
+          "color": "--btnWarning",
+          "borderColor": "--borderBtnWarning"
         },
         {
           "key": "btn-danger",
           "value_pt_BR": "Perigo",
           "value_en_US": "Danger",
-          "color" : "--btnDanger"
+          "color": "--btnDanger",
+          "borderColor": "--borderBtnDanger"
         },
         {
           "key": "btn-light",
           "value_pt_BR": "Claro",
           "value_en_US": "Light",
-          "color": "--btnLight"
+          "color": "--btnLight",
+          "borderColor": "--borderBtnLight"
         },
         {
-           "key": "btn-link",
-           "value_pt_BR": "Link",
-           "value_en_US": "Link",
-           "color": "--btnLink"
+          "key": "btn-link",
+          "value_pt_BR": "Link",
+          "value_en_US": "Link",
+          "color": "--btnLink",
+          "borderColor": "--borderBtnLink"
         },
         {
           "key": "btn-stable",
           "value_pt_BR": "Estável",
           "value_en_US": "Stable",
-          "color" : "--btnStable"
+          "color": "--btnStable",
+          "borderColor": "--borderBtnStable"
         },
         {
           "key": "btn-royal",
           "value_pt_BR": "Real",
           "value_en_US": "Royal",
-          "color" : "--btnRoyal"
+          "color": "--btnRoyal",
+          "borderColor": "--borderBtnRoyal"
         },
         {
           "key": "btn-dark",
           "value_pt_BR": "Escuro",
           "value_en_US": "Dark",
-          "color" : "--btnDark"
+          "color": "--btnDark",
+          "borderColor": "--borderBtnDark"
         }
       ]
     }

package/components/templates/accordion.template.html

@@ -14,7 +14,7 @@
         </div>
     </div>
     <div class="panel panel-default">
-        <div class="panel-heading" role="tab" id="headingTwo" data-toggle="collapse" data-parent="#accordion-${RANDOM}" href="#collapseTwo-${RANDOM}" aria-expanded="false" aria-controls="collapseTwo-${RANDOM}">
+        <div class="panel-heading collapsed" role="tab" id="headingTwo" data-toggle="collapse" data-parent="#accordion-${RANDOM}" href="#collapseTwo-${RANDOM}" aria-expanded="false" aria-controls="collapseTwo-${RANDOM}">
             <div class="lead text-center" data-component="crn-title" xattr-position="text-center">
                 <h1 class="text-center title component-holder h3" xattr-position="h1 text-center" xattr-type="h3" data-component="crn-text-component">Ungroup and change the component</h1>
             </div>
@@ -28,7 +28,7 @@
         </div>
     </div>
     <div class="panel panel-default">
-        <div class="panel-heading" role="tab" id="headingThree" data-toggle="collapse" data-parent="#accordion-${RANDOM}" href="#collapseThree-${RANDOM}" aria-expanded="false" aria-controls="collapseThree-${RANDOM}">
+        <div class="panel-heading collapsed" role="tab" id="headingThree" data-toggle="collapse" data-parent="#accordion-${RANDOM}" href="#collapseThree-${RANDOM}" aria-expanded="false" aria-controls="collapseThree-${RANDOM}">
             <div class="lead text-center" data-component="crn-title" xattr-position="text-center">
                 <h1 class="text-center title component-holder h3" xattr-position="h1 text-center" xattr-type="h3" data-component="crn-text-component">Ungroup and change the component</h1>
             </div>

package/components/templates/cron-autocomplete.designtime.html

@@ -1,38 +1,4 @@
-<div class="form-group" id="{{attrs.id}}-designtime">
-    <label for="cron-${COMPONENTID}">Label</label>
-    <span style="display: none;" id="cron-autocomplete-designtime" data-attrs="{{attrs}}">
-        <script>
-
-            let $documentDesignTime = $(document.getElementsByTagName('iframe')[0].contentWindow.document);
-            let wait = setInterval(()=> {
-
-                let $element = $documentDesignTime.find('[id=cron-autocomplete-designtime]')
-                if ($element.length) {
-                    clearInterval(wait);
-
-                    $element.each((idx, c) => {
-
-                        let $current = $(c);
-                        let attrs = $current.data('attrs');
-                        let $label = $documentDesignTime.find(`#${attrs.id}`).find('label');
-                        let $labelDesignTime = $documentDesignTime.find(`#${attrs.id}-designtime`).find('label');
-                        if (!$label.data('synchronize-started')) {
-                            $label.data('synchronize-started', true);
-                            let synchronize = setInterval(() => {
-                                if ($label.html() !== $labelDesignTime.html()) {
-                                    $labelDesignTime.html($label.html());
-                                }
-                            }, 500);
-
-                        }
-
-                    });
-                }
-            });
-
-        </script>
-    </span>
-    <span class="k-widget k-autocomplete cronAutoComplete" style="width: 100%;">
-        <input class="cronAutoComplete k-input" type="text">
-    </span>
-</div>
+<span tabindex="-1" role="presentation" class="k-widget k-autocomplete cronAutoComplete k-autocomplete-clearable k-state-default" style="width: 100%;">
+    <input style="" id="cron-crn-enterprise-autocomplete-169514" required="" class="cronAutoComplete k-input" placeholder="Select an item" type="text" autocomplete="off">
+    <span unselectable="on" class="k-icon k-clear-value k-i-close" title="clear" role="button" tabindex="-1"></span>
+</span>

package/components/templates/cron-calendar.designtime.html

@@ -1,172 +1,77 @@
-<div 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">maio 2021</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="component-holder ng-scope" data-component="crn-cron-calendar">
+    <cron-calendar 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="2021/3/25">
-                        <thead>
-                                <tr role="row">
-                                        <th scope="col" title="domingo">D</th>
-                                        <th scope="col" title="segunda-feira">S</th>
-                                        <th scope="col" title="terça-feira">T</th>
-                                        <th scope="col" title="quarta-feira">Q</th>
-                                        <th scope="col" title="quinta-feira">Q</th>
-                                        <th scope="col" title="sexta-feira">S</th>
-                                        <th scope="col" title="sábado">S</th>
-                                </tr>
-                        </thead>
-                        <tbody>
-                                <tr role="row" style="
-            /* height: 32px; */
-        ">
-                                        <td class="k-other-month k-weekend" role="gridcell"><a tabindex="-1"
-                                                        class="k-link" href="#" data-value="2021/3/25"
-                                                        title="domingo, 25 de abril de 2021">25</a></td>
-                                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link"
-                                                        href="#" data-value="2021/3/26"
-                                                        title="segunda-feira, 26 de abril de 2021">26</a></td>
-                                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link"
-                                                        href="#" data-value="2021/3/27"
-                                                        title="terça-feira, 27 de abril de 2021">27</a></td>
-                                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link"
-                                                        href="#" data-value="2021/3/28"
-                                                        title="quarta-feira, 28 de abril de 2021">28</a></td>
-                                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link"
-                                                        href="#" data-value="2021/3/29"
-                                                        title="quinta-feira, 29 de abril de 2021">29</a></td>
-                                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link"
-                                                        href="#" data-value="2021/3/30"
-                                                        title="sexta-feira, 30 de abril de 2021">30</a></td>
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/1" title="sábado, 1 de maio de 2021">1</a>
-                                        </td>
-                                </tr>
-                                <tr role="row">
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/2" title="domingo, 2 de maio de 2021">2</a>
-                                        </td>
-                                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/3"
-                                                        title="segunda-feira, 3 de maio de 2021">3</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/4"
-                                                        title="terça-feira, 4 de maio de 2021">4</a></td>
-                                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/5"
-                                                        title="quarta-feira, 5 de maio de 2021">5</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/6"
-                                                        title="quinta-feira, 6 de maio de 2021">6</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/7"
-                                                        title="sexta-feira, 7 de maio de 2021">7</a></td>
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/8" title="sábado, 8 de maio de 2021">8</a>
-                                        </td>
-                                </tr>
-                                <tr role="row">
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/9" title="domingo, 9 de maio de 2021">9</a>
-                                        </td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/10"
-                                                        title="segunda-feira, 10 de maio de 2021">10</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/11"
-                                                        title="terça-feira, 11 de maio de 2021">11</a></td>
-                                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/12"
-                                                        title="quarta-feira, 12 de maio de 2021">12</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/13"
-                                                        title="quinta-feira, 13 de maio de 2021">13</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/14"
-                                                        title="sexta-feira, 14 de maio de 2021">14</a></td>
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/15" title="sábado, 15 de maio de 2021">15</a>
-                                        </td>
-                                </tr>
-                                <tr role="row">
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/16"
-                                                        title="domingo, 16 de maio de 2021">16</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/17"
-                                                        title="segunda-feira, 17 de maio de 2021">17</a></td>
-                                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/18"
-                                                        title="terça-feira, 18 de maio de 2021">18</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/19"
-                                                        title="quarta-feira, 19 de maio de 2021">19</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/20"
-                                                        title="quinta-feira, 20 de maio de 2021">20</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/21"
-                                                        title="sexta-feira, 21 de maio de 2021">21</a></td>
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/22" title="sábado, 22 de maio de 2021">22</a>
-                                        </td>
-                                </tr>
-                                <tr role="row">
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/23"
-                                                        title="domingo, 23 de maio de 2021">23</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/24"
-                                                        title="segunda-feira, 24 de maio de 2021">24</a></td>
-                                        <td class="k-today k-state-selected" role="gridcell" aria-selected="true"><a
-                                                        tabindex="-1" class="k-link" href="#" data-value="2021/4/25"
-                                                        title="terça-feira, 25 de maio de 2021">25</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/26"
-                                                        title="quarta-feira, 26 de maio de 2021">26</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/27"
-                                                        title="quinta-feira, 27 de maio de 2021">27</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/28"
-                                                        title="sexta-feira, 28 de maio de 2021">28</a></td>
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/29" title="sábado, 29 de maio de 2021">29</a>
-                                        </td>
-                                </tr>
-                                <tr role="row">
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/30"
-                                                        title="domingo, 30 de maio de 2021">30</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/31"
-                                                        title="segunda-feira, 31 de maio de 2021">31</a></td>
-                                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link"
-                                                        href="#" data-value="2021/5/1"
-                                                        title="terça-feira, 1 de junho de 2021">1</a></td>
-                                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link"
-                                                        href="#" data-value="2021/5/2"
-                                                        title="quarta-feira, 2 de junho de 2021">2</a></td>
-                                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link"
-                                                        href="#" data-value="2021/5/3"
-                                                        title="quinta-feira, 3 de junho de 2021">3</a></td>
-                                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link"
-                                                        href="#" data-value="2021/5/4"
-                                                        title="sexta-feira, 4 de junho de 2021">4</a></td>
-                                        <td class="k-other-month k-weekend" role="gridcell"><a tabindex="-1"
-                                                        class="k-link" href="#" data-value="2021/5/5"
-                                                        title="sábado, 5 de junho de 2021">5</a></td>
-                                </tr>
-                        </tbody>
-                </table>
-        </div>
-        <div class="k-footer">
-                <a href="#" class="k-link k-nav-today" title="terça-feira, 25 de maio de 2021">terça-feira, 25 de maio
-                        de 2021</a>
+            <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>
 </div>

package/css/animate.css

@@ -151,13 +151,13 @@
 /* Warning */
 .cronapp-icon.cronapp-warning {
     border-color: var(--colorWarning40, #f0ad4e);
-    color: var(--colorWarning50, #d29744);
+    color: var(--colorWarning40, #f0ad4e);
 }
 
 /* Info */
 .cronapp-icon.cronapp-info {
     border-color: var(--colorCalm40, #3b448e);
-    color: var(--colorCalm50, #343c7c);
+    color: var(--colorCalm40, #3b448e);
 }
 
 .cronapp-icon .cronapp-icon-content {

package/css/app.css

@@ -396,4 +396,13 @@ input[type=checkbox].k-checkbox {
 
 #auditDetail .modal-content .list-group .form-group{
     margin-right: 10px;
+}
+
+img[src='undefined'] {
+    display: none;
+}
+
+/* Timeline */
+.timeline{
+    clear: both;
 }

package/css/themes/custom/aquamarine/button-aquamarine.css

@@ -52,6 +52,7 @@
 }
 
 /* Primary */
+.k-edit-form-container .k-edit-buttons .k-primary,
 .k-dialog-buttongroup .k-button.k-primary,
 .k-button.k-primary,
 .btn.btn-primary {
@@ -59,6 +60,8 @@
     color: var(--textColorPrimary40, #ffffff);
 }
 
+.k-edit-form-container .k-edit-buttons .k-primary:hover,
+.k-edit-form-container .k-edit-buttons .k-primary:focus,
 .k-dialog-buttongroup .k-button.k-primary:focus,
 .k-dialog-buttongroup .k-button.k-primary:hover,
 .k-button.k-primary:focus,
@@ -70,6 +73,8 @@
     background: var(--colorPrimary20, #b1c1d5);
 }
 
+.k-edit-form-container .k-edit-buttons .k-primary:active,
+.k-edit-form-container .k-edit-buttons .k-primary.active,
 .k-dialog-buttongroup .k-button.k-primary.active,
 .k-dialog-buttongroup .k-button.k-primary:active,
 .btn.btn-primary.active,
@@ -129,12 +134,18 @@
 }
 
 /* Danger */
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
 .k-button.k-danger,
 .btn.btn-danger {
     background: linear-gradient(90deg, var(--colorDanger40, #a82c2c) 40%, var(--colorDanger30, #c08181) 100%);
     color: var(--textColorDanger40, #ffffff);
 }
 
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:focus,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:focus,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:hover,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover,
 .k-button.k-danger:focus,
 .k-button.k-danger:hover,
 .btn.btn-danger:focus,
@@ -144,6 +155,10 @@
     background: var(--colorDanger20, #d5b1b1);
 }
 
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:active,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:active,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone.active,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel.active,
 .btn.btn-danger.active,
 .btn.btn-danger:active,
 .k-button.k-danger.active,
@@ -169,6 +184,11 @@
     background: transparent;
 }
 
+.btn.btn-info:focus .text-color-info,
+.btn.btn-info:hover .text-color-info {
+    color: var(--colorCalm20, #aee0f9);
+}
+
 .btn.btn-info.active,
 .btn.btn-info:active,
 .k-button.k-info.active,
@@ -193,6 +213,11 @@
     background: transparent;
 }
 
+.btn.btn-light:focus .text-color-light,
+.btn.btn-light:hover .text-color-light {
+    color: var(--textColorLight60, #b5b5b5);
+}
+
 .btn.btn-light.active,
 .btn.btn-light:active,
 .k-button.k-light.active,
@@ -252,25 +277,25 @@
 
 
 /* dark */
-.k-button.k-Dark,
-.btn.btn-Dark {
+.k-button.k-dark,
+.btn.btn-dark {
     background: linear-gradient(90deg, var(--colorDark40, #444444) 40%, var(--colorDark30, #898989) 100%);
     color: var(--textColorDark40, #ffffff);
 }
 
-.k-button.k-Dark:focus,
-.k-button.k-Dark:hover,
-.btn.btn-Dark:focus,
-.btn.btn-Dark:hover {
+.k-button.k-dark:focus,
+.k-button.k-dark:hover,
+.btn.btn-dark:focus,
+.btn.btn-dark:hover {
     color: var(--colorDark40, #444444);
     box-shadow: none;
     background: var(--colorDark20, #b5b5b5);
 }
 
-.btn.btn-Dark.active,
-.btn.btn-Dark:active,
-.k-button.k-Dark.active,
-.k-button.k-Dark:active {
+.btn.btn-dark.active,
+.btn.btn-dark:active,
+.k-button.k-dark.active,
+.k-button.k-dark:active {
     background: var(--colorDark40, #444444);
     color: var(--textColorDark40, #ffffff);
 }