get click event from date clicked on datetimepicker bootstrap
<p>I'm using datepicker for bootstrap from this site <a href="https://eonasdan.github.io/bootstrap-datetimepicker/" rel="nofollow">https://eonasdan.github.io/bootstrap-datetimepicker/</a></p>

<p>I'm trying to capture click from date clicked at the beginning when input is empty.
the problem with dp.change is that the first click event is captured when I click on calendar icon.
If I put the click on td.day it dosen't work.</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){  
  $(function () {
    $('#datetimepicker').datetimepicker({
      format:'YYYY-MM-DD',
       locale: 'en'
    });
  }); 
  $(".datepicker .datepicker-days td.day").click(function(){
    alert('day clicked'); 
  });
  $("#datetimepicker").on("dp.change", function() {
    alert('calendar icon clicked');
  });
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"&gt;&lt;/script&gt;
&lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"&gt;&lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css"&gt;&lt;/script&gt;
&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"&gt;
&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"&gt;

&lt;div class="input-group date reload_element" id="datetimepicker"&gt;
  &lt;span class="input-group-addon reload_element cursor-pointer"&gt;
    &lt;i class="fa fa-calendar"&gt;&lt;/i&gt;
  &lt;/span&gt;
  &lt;input type="text" id="start_date" class="form-control reload_element" style="width:100px;" autocomplete="off"/&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>