title: how to create function for cancel button on kendo color picker
body: <p>i am trying kendo <code>kendoColorPicker</code>.<br>
  with change Events.<br>
  when change color and click on apply button its work.(change the font color).<br>
  but i want to set if click on cancel button then set default font color.<br> 
  any idea how its done.<br>
  this is simple try.<br></p>
  
  <pre><code>&lt;div id="example" class="k-content"&gt;
              &lt;label for="hsv-picker"&gt;Font:&lt;/label&gt;
                  &lt;input type="color" id="picker" value="#000000" data-role="colorpicker"&gt;
       &lt;script&gt;
          kendo.init($("#example"));
          $("#picker").each(function(){
              var colorPicker = $(this).data("kendoColorPicker");
  
              colorPicker.bind({
                  change: function(e) {
                  $("#example").css("color",e.value);
                      console.log("Change in picker #" + this.element.attr("id") + " :: " + e.value);
                  }
              });
          });
      &lt;/script&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>thanks in advance.</p>