JavaScript and CSS code to display a simple and user-friendly calendar. With simple configuration in the JavaScript code (ds_cal.js) if needed for a few adjustments. And a dedicated CSS (ds_cal.css) for easy color changes
Link ds_cal.css and add script ds_cal.js in your page.
Add the class ds-cal-input-date to the input tags where you want to use the calendar selector.
Example :
<input type="text" class="ds-cal-input-date" id="hireDate">
And insert (just once) the line ds_cal_use() at the bottom of your page (in a script tags).
Example :
<script>ds_cal_use()</script>
See the full example in index.html