title: How do I remove extra space from a input field of type date
body: <p>I have a div with some inputs, one of type date and I want to remove the whitespace from the element</p>
  
  <p>here is the code</p>
  
  <pre><code>&lt;div class="form-group form-inline"&gt;
          &lt;input id="jumbotronSearch" type="text" class="form-control input-lg" placeholder="Location" min="5" max="50" required/&gt; 
          &lt;input id="jumbotronDate" type="date" class="form-control input-lg" value="@DateTime.Now.Date.ToShortDateString()" readonly/&gt;
          &lt;button id="jumbotronSearch" type="submit" class="btn btn-default btn-lg"&gt;Search&lt;/button&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>and here is what it looks like. I want to remvove all the extra space after the date.</p>
  
  <p>I tried setting the css width to 100% and white-space: nowrap but that didn't do it.</p>
  
  <p><a href="https://i.stack.imgur.com/G4ed5.png" rel="nofollow"><img src="https://i.stack.imgur.com/G4ed5.png" alt="enter image description here"></a></p>