1.1.2

src/UI/DateTimePicker.js

@@ -115,7 +115,7 @@ export default IUI.module(class DateTimePicker extends IUIElement {
                     self._value.setMonth(self._month);
                     self.render();
                     self._emit("select", { value: self._value });
-                    self._emit("modified", { value, property: "value" });
+                    self._emit(":value", { value });
                 });
             }
         }

src/UI/Input.js

@@ -32,6 +32,15 @@ export default IUI.module(class Input extends IUIElement {
         return true;
     }
 
+    get caption(){
+        return this.getAttribute("caption");// this._span.innerHTML;
+    }
+
+    set caption(value){
+        this.setAttribute("caption", value);
+        this._span.innerHTML = value;
+    }
+
     create() {
 
         this.isAuto = this.hasAttribute("auto");
@@ -44,7 +53,12 @@ export default IUI.module(class Input extends IUIElement {
             this.setAttribute("async:revert", `d['${this.field}'] = await this.getData()`);
         }
 
+        this._span = document.createElement("span");
+        this._span.innerHTML =  this.getAttribute("caption");
+
         this._input = document.createElement("input");
+        this._input.placeholder = " ";
+
         let self = this;
 
         this._input.addEventListener("input", () => {
@@ -62,6 +76,7 @@ export default IUI.module(class Input extends IUIElement {
         this.accept = this.getAttribute("accept");
 
         this.appendChild(this._input);
+        this.appendChild(this._span);
 
         if (this.type == "password")
         {

src/UI/Tab.js

@@ -10,8 +10,8 @@ export default IUI.module(class Tab extends IUIElement {
 
     }
 
-    get title() {
-        return this.getAttribute("title");
+    get caption() {
+        return this.getAttribute("caption");
     }
 
     get selected() {

src/UI/Table.js

@@ -855,6 +855,7 @@ export default IUI.module(class Table extends IUIElement {
 		if (dynamicLoading)
 			this._createTreeButton(newRow, true, item);
 
+		// @TODO: fix this since modified event is removed
 		if (item.on)
 			if (this.updateOnModification)
 				item.on("modified", function(propertyName){

src/UI/Tabs.js

@@ -2,6 +2,7 @@
 import IUIElement from "../Core/IUIElement.js";
 import Tab from "./Tab.js";
 import { IUI } from "../Core/IUI.js";
+import Check from "./Check.js";
 
 export default IUI.module(class Tabs extends IUIElement {
 
@@ -117,8 +118,8 @@ export default IUI.module(class Tabs extends IUIElement {
 
     add(item) {
 
-        var label =  document.createElement("i-check");
-        label.innerHTML = item.title;
+        var label = new Check();// document.createElement("i-check");
+        label.innerHTML = item.caption;
 
         this._ext.insertAdjacentElement("beforebegin", label);