title: Creating a range slider for dates
body: <p>I'm trying to create a range slider using HTML and CSS.</p>
  
  <p>I want the range to be between two dates.</p>
  
  <p>I looked up the code for a range slider and found this,</p>
  
  <pre><code>&lt;form method="post" action="/action_page_post.php"&gt;
    &lt;div data-role="rangeslider"&gt;
      &lt;label for="price-min"&gt;Price:&lt;/label&gt;
      &lt;input type="range" name="price-min" id="price-min" value="200" min="0" max="1000"&gt;
      &lt;label for="price-max"&gt;Price:&lt;/label&gt;
      &lt;input type="range" name="price-max" id="price-max" value="800" min="0" max="1000"&gt;
    &lt;/div&gt;
      &lt;input type="submit" data-inline="true" value="Submit"&gt;
      &lt;p&gt;The range slider can be useful for allowing users to select a specific price range when browsing products.&lt;/p&gt;
    &lt;/form&gt;
  </code></pre>
  
  <p>This is perfect in terms of what I want, but I want the minimum and maximum values to be dates. Lets say I want the slider to range from 2018-05-29 and 2018-06-25. </p>
  
  <p>I'm not sure how to make this happen...</p>