title: How to restrict user to input data using datetimepicker and disable manual user input?
body: <p>I want to restrict the user to only input data using the datetimepicker. Below is the code I am using:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="form-group"&gt;
      &lt;label&gt;Start&lt;/label&gt;
      &lt;div class="input-group date" id="dtp1"&gt;
          &lt;input type="text" id="txtStart" class="form-control" readonly="readonly"/&gt;
          &lt;span class="input-group-addon"&gt;
              &lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
          &lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$('#dtp1').datetimepicker({
      format: 'DD/MM/YYYY HH:mm A',
      daysOfWeekDisabled: [0, 6]
  });
  </code></pre>
  
  <p>I have tried using the readonly attribute, but this disables both the input and datetimepicker. Is there any way through which I can disable the input field but still allow the user to click on the calendar icon to pick a date?</p>
  
  <p><img src="https://i.stack.imgur.com/qG912.png" alt="calendar screen shot"></p>