title: How to enable date and time picker in Bootstrap-DateTimePicker
body: <p>I am using this <a href="https://eonasdan.github.io/bootstrap-datetimepicker/" rel="nofollow noreferrer">Bootstrap-DateTimePicker</a> with the latest version of 4.17.47.</p>
  
  <p>I read all the documentation options, functions, and events.</p>
  
  <p>I also included all dependencies of JS and CSS.</p>
  
  <p>But something is not working properly somehow. </p>
  
  
  
  <pre class="lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
      &lt;script type="text/javascript" src="./jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="./moment.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="./bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="./bootstrap-datetimepicker.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="./bootstrap.min.css" /&gt;
      &lt;link rel="stylesheet" href="./bootstrap-datetimepicker.min.css" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;div class='col-sm-6'&gt;
                  &lt;input type='text' class="form-control" id='datetimepicker4' /&gt;
              &lt;/div&gt;
              &lt;script type="text/javascript"&gt;
                  $(function () {
                      $('#datetimepicker4').datetimepicker({
                          format: 'DD/MM/YYYY hh:mm',
                      });
                  });
              &lt;/script&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>There is an option of <strong>format</strong> in the documentation about displaying calendar part or time-picker part.</p>
  
  <p>What I want is to display both parts i.e. calendar and time-picker.</p>
  
  <p>But when I set <code>format: 'DD/MM/YYYY'</code> it shows the calendar part properly. </p>
  
  <p>When I set <code>format: 'hh:mm'</code> it shows time-picker properly.</p>
  
  <p>But when I set <code>format:'DD/MM/YYYY hh:mm'</code> to enable both parts, it doesn't show calendar part and only show icon for time-picker and when I click that icon it opens time-picker. This is the same case if I do not set <strong>format</strong> option explicitly and keep it default to <strong>false</strong>. </p>
  
  <p>Is there anything I am doing wrong?</p>