Working

- Add Jqueryui theme
- Change values in edit page
- Add filter on list page

templates/admin/default/assets/css/admin.less

@@ -981,4 +981,42 @@ th.tablesorter-headerAsc {
 
 th.tablesorter-headerDesc { 
     background: #F9F9F9 url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7") no-repeat center right; 
+}
+
+.tablesorter{
+	.disabled{
+		display: none;
+	}
+}
+
+.tablesorter .value-popup:after {
+	content : attr(data-value);
+	position: absolute;
+	bottom: 14px;
+	left: -7px;
+	min-width: 18px;
+	.rounded(4px);
+	#gradient > .vertical(rgb(243,153,34), rgb(227,83,11));
+	box-shadow: inset 0px 0px 2px rgba(250,250,250,0.5), 0px 1px 3px rgba(0,0,0,0.2);
+	color: white;
+	font-size: 11px;
+	padding: 2px 5px;
+	text-align: center;
+}
+.tablesorter .value-popup:before {
+	content: "";
+	position: absolute;
+	width: 0;
+	height: 0;
+	border-top: 8px solid #777;
+	border-left: 8px solid transparent;
+	border-right: 8px solid transparent;
+	top: -8px;
+	left: 50%;
+	margin-left: -8px;
+	margin-top: -1px;
+}
+
+.ui-slider{
+	margin-top: 23px;
 }

templates/admin/default/assets/js/main.js

@@ -15,18 +15,25 @@
                 widgetOptions : {
                     filter_cssFilter : 'input-medium',
                     filter_formatter : {
+                        
+                        2 : function($cell, indx){                            
+                            return $.tablesorter.filterFormatter.uiDateCompare( $cell, indx, {
+                                dateFormat: "dd/mm/yy",
+                                changeMonth : true,
+                                changeYear : true,
+                                compare : '='
+                            });
+                        },
+                        
                         3 : function($cell, indx){
-                          return $.tablesorter.filterFormatter.uiSlider( $cell, indx, {
-                                animate : true,
+                            return $.tablesorter.filterFormatter.uiRange( $cell, indx, {
                                 value: 1,
                                 min: 1,
                                 max: 50,
                                 delayed: true,
-                                valueToHeader: true,
-                                exactMatch: false,
-                                allText: 'all',
-                                compare: '>='
-                          });
+                                valueToHeader: false,
+                                exactMatch: false
+                            });
                         }
                     }
                 }