Clear button for challenges filter panel

Author: hohosky

src/web/WEB-INF/includes/my/filter.jsp

@@ -47,7 +47,7 @@
 
             <div class="column thirdColumn">
                 <div>
-                    <label>Start Date:</label>
+                    <label>Start Date: <a class="clearDates" href="#">Clear</a></label>
                     <input id='startDateBegin' type='text' readonly="readonly" class="date-pick"/>
                     <span class='title toLabel'>To</span>
                     <input id='startDateEnd' type='text' readonly="readonly" class="date-pick"/>
@@ -86,7 +86,7 @@
 
             <div class="column thirdColumn">
                 <div>
-                    <label>End Date:</label>
+                    <label>End Date:<a class="clearDates" href="#">Clear</a></label>
                     <input id='endDateBegin' type='text' readonly="readonly" class="date-pick"/>
                     <span class='title toLabel'>To</span>
                     <input id='endDateEnd' type='text' readonly="readonly" class="date-pick"/>

src/web/css/direct/dashboard.css

@@ -14048,3 +14048,13 @@ span.red {
     color:#ff8a00;
 }
 
+a.clearDates {
+    font-size: 12px;
+    color: #ff8a00;
+    padding-left: 6px;
+    font-weight: normal;
+}
+
+a.clearDates:hover {
+    text-decoration: none;
+}

src/web/scripts/my/challenges.js

@@ -29,6 +29,10 @@ $(document).ready(function () {
         }
     });
 
+    $("a.clearDates").click(function(){
+        $(this).parent().parent().find("input").val('');
+    })
+
 
     // destroy the existing ones
     //$(".challengesFilter .date-pick").datePicker().bind(