title: On click of button, I want to validate the data and if true i want the delete-confirmation dialog.. Is it possible?
body: <p>I have two date pickers, from date and to date, and a delete button.
  On click of delete, validation should be done if from date is greater than to date and etc then the delete-confirmation popover should come displaying yes or no.
  If clicked on yes, the delete callback should be called else it will return false!</p>
  
  <p>How to do so??
  Any help would be appreciated</p>
  
  <p><strong>This is my code</strong>   </p>
  
  <pre><code>"#Delete click": function(el, ev) {
    this.validate();
    this.confirmation("#Delete", "Are you sure?", "Yes", "No", this.deleteConfirmCallback, this);
  },
  
  confirmation: function(element, text, yesText, noText, yesCallback, context) {
    $(element).confirmation({
      title: text,
      singleton: true,
      popout: true,
      btnOkClass: "btn btn-sm default-color",
      btnCancelClass: "btn btn-sm primary-color text-case ",
      btnOkLabel: yesText,
      btnCancelLabel: noText,
      btnOkIcon: "glyphicon-tiny glyphicon-ok",
      btnCancelIcon: "glyphicon-tiny glyphicon-remove",
      onConfirm: function() {
        yesCallback(context, this);
      }
    });    
  },
  </code></pre>
  
  <blockquote>
    <p>Blockquote</p>
  </blockquote>
  
  <p>For the first time click I'm not able to get that delete-confirmation popup</p>
  
  <blockquote>
    <p>Blockquote</p>
  </blockquote>