Add a date picker to get delivery dates on your cart page

add-date-picker-for-delivery-dates.md

###Modifications

1. Add this to the bottom of the Assets/theme.js file:

$(document).ready( function() {
  $(function() {
    $("#date").datepicker( { 
      minDate: +1, 
      maxDate: '+2M',
    beforeShowDay: jQuery.datepicker.noWeekends
    } );
  });
});

2. Add this to the area you wish the date picker to appear inside your Sections/cart-template.liquid page:

<div style="width:300px; clear:both;">
  <p>
    <label for="date">Pick a delivery date:</label>
    <input id="date" type="text" name="attributes[date]" value="{{ cart.attributes.date }}" />
    <span style="display:block" class="instructions"> We do not deliver during the week-end.</span>
  </p>
</div>

3. Bust before the </head> tag in your Layout/theme.liquid file, add the following:

{{ '//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css' | stylesheet_tag }}
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js" type="text/javascript" defer="defer"></script>