<!-- the full contents of this file are included in the head block of your page -->
<!-- note to work we must start with the js/ directory, then the name of the folder -->

<link rel="stylesheet" type="text/css" href="js/datetimepicker/jquery.datetimepicker.css"/>

<script type="text/javascript" src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/datetimepicker/build/jquery.datetimepicker.full.min.js"></script>
    


<script type="text/javascript">



// See: https://github.com/xdan/datetimepicker
// Docs: http://xdsoft.net/jqplugins/datetimepicker/

// This script creates a custom date and time picker.



// How To Use:



// ---------------------------------------------------------------------------------
// 1. Add a Code Block element to your form page, and copy/paste the following code
// into The * Raw Block Code * section:
// ---------------------------------------------------------------------------------

/*

// COPY FROM HERE:

<script type="text/javascript">

$( document ).ready(function() {

	// Use this for full time control.

	$('#datetimepicker').datetimepicker({
		format:'Y-m-d H:i:s', // ISO 8601
		inline:true,
		onChangeDateTime:function(dp,$input){
		    //alert($input.val());
		    $('#Date_Time_Picker_Value').val($input.val());
		}
	});
	
});

</ script>

// TO HERE

// ---------------------------------------------------------------------------------
// 2. Remove the space between / and s after pasting into RackForms
// ---------------------------------------------------------------------------------

// ---------------------------------------------------------------------------------
// 3. Add a hidden field to your form and give it the Name/Value of: Date_Time_Picker_Value
// ---------------------------------------------------------------------------------

// ---------------------------------------------------------------------------------
// 4. Add a text field to your form and give it the Name/Value of: datetimepicker
// ---------------------------------------------------------------------------------

*/

</script>