Gravity uses rome.js for date pickers.

Include a script link to rome before the closing body tag on any pages that require a calendar.


Standard calendar

Create an empty div with an ID for the calendar.

<div id="starttime"></div>

Then initialise the calendar by passing the div ID to rome:

var datepicker = rome(starttime);

// get the selected date using the "data" event
datepicker.on("data", function(date){});