title: How to make a custom jquery calender...............?
body: <p>I have a text field in my webpage which shows a date. which also consist of a calendar icon beside the box.Now when i click the icon a calendar should popup under the text field. Then when i click on one date it should select a date when i select a second date the it should select a range and input the range into the text box.when i double click any one date then the that date only be selected.when a range is selected then the range on the calendar should be marked with a red line starting from 1st date and ends at 2nd date. How can I do this?</p>
  
  <p>This is my text field:</p>
  
  <pre><code>Date: &lt;input type="text" id="datepickerr" value="2016-08-26"&gt;&lt;/p&gt;
   &lt;img src="CalendarIcon.png" id="cal"&gt;
  </code></pre>