Date & Time Pickers

See /scripts/custom.js for required scripts.

Call function on id or class assigned to input. To add the calendar icon to the field, use .input--calendar-icon.

Datetimepicker

Our version of DateTimePicker has a bug where even if you only apply just the date or just the time, the field shows both (defaults to current time and date no matter what). For documentation, go to DateTimePicker.

Pick a date

Pick a date & time

<!-- html -->
<input id="<custom name>" type="text" name="" class="input--calendar-icon" value="" autocomplete="off">

// javascript
$("#<custom name>").datetimepicker({
	// settings
	// set timepicker or datepicker false to hide it
	attribute: false
});

jQuery UI Datepicker

For default jQuery UI datepicker, read documentation on jQuery UI.

Pick a day

<!-- html -->
<input id="<custom name>" type="text" name="" class="input--calendar-icon" value="" autocomplete="off">

// javascript
$("#<custom name>").datepicker({
	// settings
});