diff --git a/ganttzk/src/main/java/org/zkoss/ganttz/timetracker/TimeTrackerComponent.java b/ganttzk/src/main/java/org/zkoss/ganttz/timetracker/TimeTrackerComponent.java
index 292083489..de261a6c0 100644
--- a/ganttzk/src/main/java/org/zkoss/ganttz/timetracker/TimeTrackerComponent.java
+++ b/ganttzk/src/main/java/org/zkoss/ganttz/timetracker/TimeTrackerComponent.java
@@ -129,4 +129,8 @@ public abstract class TimeTrackerComponent extends HtmlMacroComponent {
         getTimeTracker().setZoomLevel(zoomlevel);
     }
 
+    public String getWidgetClass(){
+        return getDefinition().getDefaultWidgetClass();
+    }
+
 }
diff --git a/ganttzk/src/main/resources/metainfo/zk/lang-addon.xml b/ganttzk/src/main/resources/metainfo/zk/lang-addon.xml
index a4e9bf2ff..1389cb2ce 100755
--- a/ganttzk/src/main/resources/metainfo/zk/lang-addon.xml
+++ b/ganttzk/src/main/resources/metainfo/zk/lang-addon.xml
@@ -170,7 +170,8 @@
 	<component>
 		<component-name>timetracker</component-name>
 		<component-class>org.zkoss.ganttz.timetracker.TimeTrackerComponent</component-class>
-		<macro-uri>~./ganttz/zul/timetracker/timetracker.zul</macro-uri>
+		<widget-class>ganttz.TimeTracker</widget-class>
+        <macro-uri>~./ganttz/zul/timetracker/timetracker.zul</macro-uri>
 	</component>
 
 	<component>
diff --git a/ganttzk/src/main/resources/web/js/ganttz/TimeTracker.js b/ganttzk/src/main/resources/web/js/ganttz/TimeTracker.js
index 748047d57..712390ba2 100644
--- a/ganttzk/src/main/resources/web/js/ganttz/TimeTracker.js
+++ b/ganttzk/src/main/resources/web/js/ganttz/TimeTracker.js
@@ -1,15 +1,22 @@
 zk.$package("ganttz");
 
 ganttz.TimeTracker = zk.$extends(zk.Macro,{
-	$init : function(){
-    this.$supers('$init', arguments);
-    	this.$class.setInstance(this);
-	}
+    $init : function(){
+        this.$supers('$init', arguments);
+        this.$class.setInstance(this);
+    },
+    bind_ : function (){
+        this.$supers('bind_', arguments);
+        this._timetrackergap = jq('.timetrackergap');
+    },
+    scrollLeft : function(ammount){
+        this._timetrackergap.css({left : -ammount});
+    }
 },{
     getInstance : function(){
-    	return this._instance;
-	},
-	setInstance : function(instance){
-		this._instance = instance;
-	}
+        return this._instance;
+    },
+    setInstance : function(instance){
+        this._instance = instance;
+    }
 })
\ No newline at end of file
diff --git a/ganttzk/src/main/resources/web/js/ganttz/zk.wpd b/ganttzk/src/main/resources/web/js/ganttz/zk.wpd
index 2ba100f72..23bb92572 100644
--- a/ganttzk/src/main/resources/web/js/ganttz/zk.wpd
+++ b/ganttzk/src/main/resources/web/js/ganttz/zk.wpd
@@ -16,4 +16,5 @@
     <widget name="DependencyList"/>
     <widget name="Planner"/>
     <widget name="DependencyComponent"/>
-</package>
\ No newline at end of file
+    <widget name="TimeTracker" />
+</package>