title: How to configure datetimepicker to work correctly when only the date is selected
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;!-- XDSoft DateTimePicker --&gt;
  &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.min.css" /&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js"&gt;&lt;/script&gt;
  
  &lt;body&gt;
     &lt;input id="datetimepicker" type="text" &gt;
  
     &lt;script&gt;
        jQuery('#datetimepicker').datetimepicker({
          minDate: 0, // today
          minTime: 0, // now
          defaultSelect: false,
          inline: true,   
        });
     &lt;/script&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>
  <ul>
  <li>The problem is that when I <strong>only</strong> select the date, datetimepicker
  gets initialized with <strong>current</strong> time passing the validation, which I don't want because I'm
  using 60min default step and also because it's counterintuitive since
  I didn't select any time ( nor one it's selected by default - which is fine ).</li>
  <li>Any ideas on how I can make it work properly when submitting the form? I would like to stick
  with the inlined version.</li>
  </ul>