How do I remove extra space from a input field of type date
<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>