Two Datepickers to select Interval

Hi,

I have below two questions on datepicker.

  1. I am using Datepicker to select intervals. I have a requirement to select the start date in one datepicker and end date in another datepicker. Also the selected intervals should be highlighted in both datepickers. Please let me know if this is possible.
  2. I tried to increase the height of datepicker, datepicker height itself got increased but the dates are not. Please find attached screen shot.


Create two date objects and Intialize the datepickers onLoad.

e.g.

$(function() {
    $( "#startDate" ).datepicker({
        defaultDate: "+1w",
        onSelect: function( selectedDate ) {
            $( "#endDate" ).datepicker( "option", "minDate", selectedDate );
        }
    });
    $( "#endDate" ).datepicker({
        defaultDate: "+2w",
        onSelect: function( selectedDate ) {
            $( "#startDate" ).datepicker( "option", "maxDate", selectedDate );
        }
    });
});