<!doctype html><htmllang="en"><head><metacharset="utf-8"><metaname="viewport"content="width=device-width, initial-scale=1"><title>jQuery UI Datepicker - Icon trigger</title><linkrel="stylesheet"href="../../themes/base/all.css"><linkrel="stylesheet"href="../demos.css"><script src="../../external/requirejs/require.js"></script><script src="../bootstrap.js">$("#datepicker").datepicker({showOn:"button",buttonImage:"images/calendar.gif",buttonImageOnly:true,buttonText:"Select date"});</script></head><body><p>Date: <inputtype="text"id="datepicker"></p><divclass="demo-description"><p>Click the icon next to the input field to show the datepicker. Set the datepicker to open on focus (default behavior), on icon click, or both.</p></div></body></html>