HTML5 browsers have built-in support for date pickers. To do what you are asking you only need to change the type of your input field to date. Like this:
<input id="date"type="date" name="text" class="input">
solved I want calendar to appear when pressed on my date textfield and the user should be able to select date from that calendar [closed]