<script id="tmpl-nf-field-date" type="text/template">
	<div class="pikaday__container"><!-- Pikaday mentions were added for backwards compatibility -->
		<input id="nf-field-{{{ data.id }}}" name="nf-field-{{{ data.id }}}" aria-invalid="false" aria-describedby="<# if( data.desc_text ) { #>nf-description-{{{ data.id }}} <# } #>nf-error-{{{ data.id }}}" class="{{{ data.renderClasses() }}} nf-element datepicker pikaday__display pikaday__display--pikaday"
		aria-labelledby="nf-label-field-{{{ data.id }}}"
				{{{ data.maybeRequired() }}}
			type="date" value="{{{ _.escape( data.value ) }}}" {{{ data.renderPlaceholder() }}} >
	</div>

	<# if ( data.maybeRenderTime() ) { #>
		<div style="float:left;" class="time-wrap">
			<select id="hour-select-{{{ data.id }}}" class="hour extra" aria-label="hour-select" {{{ data.maybeRequired() }}}>
				{{{ data.renderHourOptions() }}}
			</select>
		</div>
		<div style="float:left;" class="time-wrap">
			<select id="minute-select-{{{ data.id }}}" class="minute extra" aria-label="minute-select" {{{ data.maybeRequired() }}}>
				{{{ data.renderMinuteOptions() }}}
			</select>
		</div>
		{{{ data.maybeRenderAMPM() }}}
	<# } #>
</script>