cronapp-framework-js 2.9.3 → 2.9.4-SP.1

package/css/themes/custom/navigator/custom-navigator.css

@@ -162,6 +162,15 @@
     }
 }
 
+@media only screen and (max-width: 400px) {
+    .main-view {
+        padding: 0px;
+        margin: 0px;
+    }
+    .k-scheduler-phone {
+        overflow-y: auto !important;
+    }
+}
 
 /**** Changing scroll bar  ****/
 .crn-navigator-vertical::-webkit-scrollbar {

package/css/themes/custom/paper/custom-paper.css

@@ -1206,34 +1206,4 @@ td.k-state-focused {
 
 .cronapp-icon.cronapp-success .cronapp-success-fix {
     left: 2em;
-}
-
-
-/* Input with icon */
-.layout-template-modern {
-    background: transparent;
-    padding: 0;
-    border: 0;
-    border-bottom: 1px solid #cccccc;
-    border-radius: 0;
-}
-
-.layout-template-modern:focus-within {
-    background: transparent;
-    outline: 0;
-    border-color: var(--colorPrimary40, #2196f3);
-    box-shadow: none;
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-.layout-template-modern .k-button,
-.layout-template-modern .k-button:hover {
-    border: 0;
-    border-radius: 0;
-    color: var(--colorPrimary40, #2196f3);box-shadow: none;
 }

package/css/themes/custom/paper/navbar-paper.css

@@ -101,4 +101,15 @@
         background: transparent;
         color: var(--textColor70, #383838);
     }
+}
+
+/* Collapsible menu */
+#iconCollapsibleMenu {
+    color: var(--textColor40, #666666);
+}
+
+label.labelCollapsibleMenu {
+    background: var(--colorDefault40, #ffffff);
+    height: var(--textBigSize, 34px);
+    width: var(--textBigSize, 34px);
 }

package/css/themes/custom/readable/custom-readable.css

@@ -1084,31 +1084,4 @@ td.k-state-focused {
 .k-list-optionlabel:hover.k-state-selected {
     color: var(--colorDefault40, #ffffff);
     background: transparent;
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: transparent;
-    border-radius: var(--borderRadiusSmallest, 4px);
-    padding: 0;
-    border: 1px solid var(--backgroundColor50, #dfdfdf);
-}
-
-.layout-template-modern:focus-within {
-    background: transparent;
-    outline: 0;
-    border-color: var(--colorPrimary30,#89a8f1);
-    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--colorPrimary30,#89a8f1);
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-.layout-template-modern .k-button,
-.layout-template-modern .k-button:hover {
-    border: 0;
-    color: var(--colorPrimary40, #4582ec);
 }

package/css/themes/custom/sandstone/custom-sandstone.css

@@ -1019,30 +1019,4 @@ td.k-state-focused.k-state-selected,
 
 .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
     border-top-color: var(--backgroundColor40, #ffffff);
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: transparent;
-    border-radius: var(--borderRadiusSmallest, 4px);
-    padding: 0;
-    border: 1px solid var(--colorDefault10, #d8d8d8);
-}
-
-.layout-template-modern:focus-within {
-    background: transparent;
-    border-color: var(--colorDefault10, #d8d8d8);
-    outline: 0;
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-.layout-template-modern .k-button,
-.layout-template-modern .k-button:hover {
-    border: 0;
-    color: var(--colorDefault40, #3b448e);
 }

package/css/themes/custom/simplex/custom-simplex.css

@@ -971,31 +971,4 @@ td.k-state-focused.k-state-selected,
 
 .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
     border-top-color: var(--backgroundColor40, #fcfcfc);
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--backgroundColor40, #fcfcfc);
-    border-radius: var(--borderRadiusSmallest, 4px);
-    padding: 0;
-    border: 1px solid var(--backgroundColor50, #dddddd);
-}
-
-.layout-template-modern:focus-within {
-    background: var(--backgroundColor40, #fcfcfc);
-    outline: 0;
-    border-color: var(--colorCalm30, #89a8f1);
-    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--colorCalm30, #89a8f1);
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-.layout-template-modern .k-button,
-.layout-template-modern .k-button:hover {
-    border: 0;
-    color: var(--colorDefault40, #3b448e);
 }

package/css/themes/custom/slate/custom-slate.css

@@ -502,7 +502,7 @@ a:hover {
     background: var(--backgroundLogin40, #ffffff);
 }
 
-.bg-login #container-first h1 {
+.bg-login #container-first h1{
     color: var(--textColorPrimary40, #ffffff);
 }
 
@@ -1138,6 +1138,8 @@ td.k-state-focused.k-state-selected {
     color: var(--textColorPrimary40, #ffffff);
 }
 
+.k-scheduler-edit-form .k-edit-field .k-button,
+.k-edit-form-container .k-edit-buttons .k-primary,
 .k-scheduler .k-state-selected>.k-link,
 .k-scheduler .k-scheduler-toolbar .k-state-selected,
 .k-scheduler .k-today.k-state-selected,
@@ -1189,6 +1191,8 @@ td.k-state-focused.k-state-selected {
     box-shadow: inset 0 0 10px 3px var(--colorDefault40, #3a3f44);
 }
 
+.k-scheduler-edit-form .k-edit-field .k-button,
+.k-edit-form-container .k-edit-buttons .k-primary,
 .k-scheduler .k-scheduler-toolbar .k-state-selected,
 .k-scheduler .k-today.k-state-selected,
 .k-scheduler-navigation .k-nav-prev .k-link,
@@ -1201,52 +1205,48 @@ td.k-state-focused.k-state-selected {
 
 .k-scheduler-navigation .k-nav-prev .k-link:hover,
 .k-scheduler div.k-scheduler-footer .k-link:hover,
-.k-scheduler div.k-scheduler-footer ul li:hover{
+.k-scheduler div.k-scheduler-footer ul li:hover,
+.k-scheduler-edit-form .k-edit-field .k-button:hover,
+.k-edit-form-container .k-edit-buttons .k-primary:hover {
     background: linear-gradient(var(--colorPrimary60, #595f64), var(--colorPrimary60, #595f64) 40%, var(--colorPrimary50, #6b7277));
     box-shadow: none;
     border-color: var(--colorPrimary40, #7a8288);
     color: var(--textColorPrimary40, #ffffff);
 }
 
-.k-scheduler-table .k-today,
-.k-today>.k-scheduler-datecolumn,
-.k-today>.k-scheduler-groupcolumn {
-    background: var(--colorDefault50, #33373c);
-}
-
-.k-scheduler-monthview .k-scheduler-table .k-today {
-    background: var(--colorPrimary40, #7a8288);
-    color: var(--textColorPrimary40, #ffffff);
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel {
+    background: linear-gradient(var(--colorDanger40, #ee5f5b), var(--colorDanger40, #ee5f5b) 60%, var(--colorDanger50, #d05350));
+    border-color: var(--colorDanger40, #ee5f5b);
+    color: var(--textColorDanger40, #ffffff);
 }
 
-.k-edit-form-container .k-edit-buttons,
-.k-window .k-window-titlebar.k-header {
-    border-color: var(--backgroundColor70, #15181a);
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover {
+    background: linear-gradient(var(--colorDanger60, #ae4643), var(--colorDanger60, #ae4643) 40%, var(--colorDanger50, #d05350));
+    box-shadow: none;
+    border-color: var(--colorDanger40, #ee5f5b);
+    color: var(--textColorDanger40, #ffffff);
 }
 
-/* Input with icon */
-.layout-template-modern {
-    background: var(--colorNeutral00, #ffffff);
-    border-radius: var(--borderRadiusSmallest, 5px);
-    padding: 0;
-    border: 1px solid var(--backgroundColor50, #dddddd);
+.k-edit-form-container .k-edit-buttons .k-primary {
+    background: linear-gradient(var(--colorSuccess40, #62c462), var(--colorSuccess40, #62c462) 60%, var(--colorSuccess50, #56ac56));
+    border-color: var(--colorSuccess40, #62c462);
+    color: var(--textColorSuccess40, #ffffff);
 }
 
-.layout-template-modern:focus-within {
-    background: var(--colorNeutral00, #ffffff);
-    outline: 0;
-    border-color: var(--colorCalm40, #5bc0de);
-    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--colorCalm40, #5bc0de);
+.k-edit-form-container .k-edit-buttons .k-primary:hover {
+    background: linear-gradient(var(--colorSuccess60, #489048), var(--colorSuccess60, #489048) 40%, var(--colorSuccess50, #56ac56));
+    box-shadow: none;
+    border-color: var(--colorSuccess40, #62c462);
+    color: var(--textColorSuccess40, #ffffff);
 }
 
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
+.k-scheduler-table .k-today,
+.k-today>.k-scheduler-datecolumn,
+.k-today>.k-scheduler-groupcolumn {
+    background: var(--colorDefault50, #33373c);
 }
 
-div[data-component^='crn-textinputicon'] .layout-template-modern .k-button,
-div[data-component^='crn-textinputicon'] .layout-template-modern .k-button:hover {
-    border: 0;
-    color: var(--colorDefault40, #3b448e);
+.k-scheduler-monthview .k-scheduler-table .k-today {
+    background: var(--colorPrimary40, #7a8288);
+    color: var(--textColorPrimary40, #ffffff);
 }

package/css/themes/custom/spacelab/custom-spacelab.css

@@ -923,31 +923,4 @@ td.k-state-focused.k-state-selected,
 
 .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
     border-top-color: var(--backgroundColor40, #ffffff);
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--backgroundColor40, #fff);
-    border-radius: var(--borderRadiusSmallest, 5px);
-    padding: 0;
-    border: 1px solid var(--backgroundColor50, #ccc);
-}
-
-.layout-template-modern:focus-within {
-    background: var(--backgroundColor40, #fff);
-    outline: 0;
-    border-color: var(--colorCalm40, #3399f3);
-    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--colorCalm40, #3399f3);
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-.layout-template-modern .k-button,
-.layout-template-modern .k-button:hover {
-    border: 0;
-    color: var(--colorDefault40, #3b448e);
 }

package/css/themes/custom/superhero/custom-superhero.css

@@ -1299,31 +1299,4 @@ td.k-state-focused.k-state-selected {
 .k-scheduler-navigation .k-nav-next.k-state-hover .k-link span,
 .k-scheduler-navigation .k-nav-prev.k-state-hover .k-link span {
     color: var(--textColorPrimary40, #ffffff);
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--colorNeutral00, #ffffff);
-    color: var(--colorNeutral200, #131313);
-    border-radius: 0;
-    padding: 0;
-    border: 1px solid var(--textColor30, #858585);
-}
-
-.layout-template-modern:focus-within {
-    background: var(--colorNeutral00, #ffffff);
-    outline: 0;
-    border-color: var(--textColor30, #858585);
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-div[data-component^='crn-textinputicon'] .layout-template-modern .k-button,
-div[data-component^='crn-textinputicon'] .layout-template-modern .k-button:hover {
-    border: 0;
-    color: var(--colorDefault40, #3b448e);
 }

package/css/themes/custom/theme-general/forms.css

@@ -90,7 +90,7 @@ textarea.k-textbox:hover,
     min-height: calc(var(--textNormalSize, 14px) * 2);
 }
 
-.k-nodata {
+.k-nodata{
     font-family: var(--fontFamily, "Roboto", "Helvetica Neue", "Arial", sans-serif);
     font-size: var(--textNormalSize, 14px);
     color: var(--textColor40, #393939);
@@ -104,7 +104,7 @@ textarea.k-textbox:hover,
 .k-state-default>.k-select {
     display: flex;
     align-items: center;
-    justify-content: center;
+    justify-content: center;  
 }
 
 
@@ -113,51 +113,16 @@ input.k-textbox:hover.k-invalid,
 textarea.k-textbox.k-invalid,
 textarea.k-textbox:hover.k-invalid,
 .k-autocomplete.k-invalid:hover,
-.k-dropdown-wrap.k-invalid:hover,
-.k-numeric-wrap.k-invalid:hover,
-.k-picker-wrap.k-invalid:hover,
-.k-textbox.k-invalid:hover,
+.k-dropdown-wrap.k-invalid:hover
+.k-numeric-wrap.k-invalid:hover
+.k-picker-wrap.k-invalid:hover
+.k-textbox.k-invalid:hover
 .k-invalid:hover,
 .k-autocomplete.k-invalid,
 .k-dropdown-wrap.k-invalid,
 .k-numeric-wrap.k-invalid,
 .k-picker-wrap.k-invalid,
 .k-textbox.k-invalid,
-.k-invalid  {
+.k-invalid {
     border-color: var(--colorDanger40, #ce3a36);
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background-color: transparent;
-    border-bottom: 1px solid var(--textColor30, #393939);
-    border-radius: 0;
-    width: 100%;
-    margin-bottom: 15px;
-    display: flex;
-    align-items: center;
-    overflow: hidden;
-}
-
-.layout-template-modern:focus-within {
-    border-bottom: 1px solid var(--textColor30, #393939);
-    background: #ffff;
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    width: inherit;
-    border: 0;
-}
-
-.layout-template-modern:focus-within input.k-textbox {
-    border: 0;
-}
-
-.layout-template-modern .k-button:hover,
-.layout-template-modern .k-button {
-    background: transparent;
-    color: var(--colorDefault40, #3b448e);
-    padding: 8px;
-    font-size: var(--textNormalSize, 14px);
 }

package/css/themes/custom/theme-general/menu-vertical-retratil.css

@@ -0,0 +1,130 @@
+/* Collapsible menu customization */
+
+#iconCollapsibleMenu {
+    color: var(--colorDefault40, #3b448e);
+    font-size: var(--textNormalSize, 14px);
+}
+
+label.labelCollapsibleMenu {
+    position: absolute;
+    z-index: 999999999;
+    padding: 8px;
+    font-size: var(--textBigSize, 24px);
+    border-radius: 50%;
+    background: var(--textColorDefault40, #ffffff);
+    ;
+    box-shadow: 0px 0px 6px 0 rgb(0 0 0 / 22%);
+    -moz-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.22);
+    -webkit-box-shadow: 0px 0px 6px 0 rgb(0 0 0 / 22%);
+    left: 66px;
+    top: 20px;
+    height: var(--textExtraBigSize, 30px);
+    width: var(--textExtraBigSize, 30px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+label.labelCollapsibleMenu:hover {
+    cursor: pointer;
+}
+
+.k-checkbox:checked+.k-checkbox-label:hover:before,
+.k-checkbox:checked+.k-checkbox-label:before {
+    border-color: var(--textColorDefault40, #ffffff);
+}
+
+.collapsibleNavbar,
+#iconCollapsibleMenu,
+.main-view-retratil,
+label.labelCollapsibleMenu,
+.collapsible-menu-hide {
+    transition: all .3s linear;
+}
+
+.crn-navigator-retratil #crn-navbar-logo,
+#checkCollapsibleMenu {
+    display: none;
+}
+
+#view-canvas .crn-navigator-retratil .navbar-default .navbar-brand,
+.collapsible-menu-hide {
+    width: 75px;
+}
+
+.collapsible-menu-hide.crn-navigator-retratil .navbar .container-fluid .navbar-header .navbar-brand #crn-navbar-logo {
+    display: block;
+    width: 100%;
+    height: auto;
+    max-height: calc(var(--textNormalSize, 14px) * 2.25);
+    transition: width .4s, height .4s;
+}
+
+.main-view-retratil.main-view-vertical {
+    margin-left: calc(75px + 2vw);
+    width: calc(100vw - 75px - 5vw);
+}
+
+.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle {
+    min-width: calc(var(--menuItemIconWidth) - 30px) !important;
+}
+
+/* Efeito check */
+#checkCollapsibleMenu:checked~.collapsible-menu-ergon {
+    transform: translateX(272px);
+}
+
+#checkCollapsibleMenu:checked~.labelCollapsibleMenu {
+    transform: translateX(185px) rotate(180deg);
+}
+
+#checkCollapsibleMenu:checked~.collapsible-menu-hide {
+    width: 270px;
+    overflow-x: hidden;
+}
+
+#checkCollapsibleMenu:checked~#crn-navbar-logo {
+    height: calc(var(--textNormalSize, 14px) * 2.25);
+    width: 100%;
+}
+
+#checkCollapsibleMenu:checked~#main-view.main-view-vertical {
+    width: calc(100vw - var(--menuVerticalWidth, 170px) - 5vw);
+    margin-left: calc(var(--menuVerticalWidth) + 2vw);
+}
+
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar .navbar-nav li a span,
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar2 .navbar-nav li a span,
+.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle span,
+.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home .nav-item span {
+    display: none;
+}
+
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar .navbar-nav li,
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar2 .navbar-nav li {
+    width: 100%;
+}
+
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar .navbar-nav li a,
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar2 .navbar-nav li a {
+    justify-content: center;
+}
+
+.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle,
+.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home .nav-item .dropdown-toggle {
+    display: inherit;
+    text-align: center;
+    padding: 10px 15px;
+}
+
+#checkCollapsibleMenu:checked~.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle,
+#checkCollapsibleMenu:checked~.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home .nav-item .dropdown-toggle {
+    text-align: left;
+    pointer-events: initial;
+    display: flex;
+}
+
+#checkCollapsibleMenu:checked~.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle span,
+#checkCollapsibleMenu:checked~.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home .nav-item span {
+    display: block;
+}

package/css/themes/custom/theme-general/theme-general.css

@@ -2,6 +2,7 @@
 @import 'carousel.css';
 @import 'forms.css';
 @import 'login.css';
+@import 'menu-vertical-retratil.css';
 @import 'menu.css';
 @import 'modal.css';
 @import 'notification.css';

package/css/themes/custom/united/custom-united.css

@@ -1020,26 +1020,4 @@ td.k-state-focused.k-state-selected,
 
 .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
     border-top-color: var(--backgroundColor40, #ffffff);
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--backgroundColor40, #ffffff);
-    color: var(--textColor40, #333333);
-    border-radius: var(--borderRadiusSmallest, 5px);
-    padding: 0;
-    border: 1px solid var(--backgroundColor50, #dfdfdf);
-}
-
-.layout-template-modern:focus-within {
-    background: var(--backgroundColor40, #ffffff);
-    outline: 0;
-    border-color: var(--colorPrimary30, #ee8f7e);
-    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--colorPrimary30, #ee8f7e);
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
 }

package/css/themes/custom/united/navbar-united.css

@@ -98,4 +98,13 @@
         background: var(--colorPrimary50, #cc4a1c);
     }
 
+}
+
+/* Collapsible menu */
+#iconCollapsibleMenu {
+    color: var(--colorPrimary40, #e95420);
+}
+
+label.labelCollapsibleMenu {
+    background: var(--textColorPrimary40, #ffffff);
 }

package/css/themes/custom/yeti/custom-yeti.css

@@ -1131,32 +1131,4 @@ textarea.k-textbox:hover,
 .k-scheduler-footer .k-icon,
 .k-scheduler-toolbar .k-i-calendar {
     color: var(--textColorPrimary40, #ffffff);
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--backgroundColor40, #ffffff);
-    color: var(--textColor40, #333333);
-    border-radius: 0;
-    padding: 0;
-    border: 1px solid var(--backgroundColor50, #dfdfdf);
-}
-
-.layout-template-modern:focus-within {
-    background: var(--backgroundColor40, #ffffff);
-    outline: 0;
-    border-color: var(--colorCalm30, #5bc0de);
-    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--colorCalm30, #5bc0de);
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-.layout-template-modern .k-button,
-.layout-template-modern .k-button:hover {
-    color: var(--textColor40, #222222);
-    border: 0;
 }

package/css/themes/custom/yeti/navbar-yeti.css

@@ -74,4 +74,13 @@
 .navbar-default .navbar-toggle:hover {
     background: var(--colorDark60, #191919);
     border-color: transparent;
+}
+
+/* Collapsible menu */
+#iconCollapsibleMenu {
+    color: var(--colorPrimary40, #008cba);
+}
+
+label.labelCollapsibleMenu {
+    background: var(--textColorPrimary40, #ffffff);
 }

package/dist/components/templates/date.template.html

@@ -1 +1 @@
-<div class="form-group"><label for="label-${COMPONENTID}">Label</label><input type="date" mask="" mask-placeholder="" ng-required="false" ng-model="vars.date${COMPONENTID}" class="form-control k-textbox" id="input-${COMPONENTID}"></div>
+<div class="form-group"><label for="date-${COMPONENTID}">Label</label><input type="date" mask="" mask-placeholder="" ng-required="false" ng-model="vars.date${RANDOM}" class="form-control k-textbox" id="date-${COMPONENTID}"></div>

package/dist/components/templates/textinputicon.template.html

@@ -1 +1 @@
-<div><label class="form-group" for="inputButton-${RANDOM}">Label</label><div class="input-group layout-template-classic" layout-template="layout-template-classic"><span class="k-button"><i class="glyphicon glyphicon-search" aria-hidden="true"></i> </span><input id="inputButton-${RANDOM}" type="text" mask="" mask-placeholder="" ng-required="false" class="k-textbox" ng-model="vars.input${RANDOM}" placeholder="Placeholder text"></div></div>
+<div><label class="form-group" for="inputButton-${RANDOM}">Label</label><div class="input-group"><span class="k-button"><i class="glyphicon glyphicon-search" aria-hidden="true"></i> </span><input id="inputButton-${RANDOM}" type="text" mask="" mask-placeholder="" ng-required="false" class="k-textbox" ng-model="vars.input${RANDOM}" placeholder="Placeholder text"></div></div>