title: How to increase the width of this date range selector textbox?
body: <p><a href="https://i.stack.imgur.com/Zc8EL.jpg" rel="nofollow noreferrer">Click here to view Image of mobile view</a>Hi I want to increase the width of the date range selector text box.<a href="https://i.stack.imgur.com/Eovxs.jpg" rel="nofollow noreferrer">Click here to view the image</a></p>
  
  <p>Coding below:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-xs-12 col-md-6"&gt;
          &lt;label&gt; Date Range&lt;/label&gt;&lt;br /&gt;
          &lt;input type="text" name="daterange" data-GetData="week" data-daterangepickerid="1" id="daterangepicker" class="date-range-picker" value="01/05/2017 - 01/06/2017" /&gt;
      &lt;/div&gt;
      &lt;div class="col-xs-12 col-md-6"&gt;
          &lt;label&gt;Id &lt;/label&gt;
          @Html.TextBoxFor(model =&gt; model.NRIC, new { @class = "form-control", id = "NRIC" })
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want date range text box width same as text box width.. How to increase??</p>