Worked out I had missed adding the following to the start of the code(little proud of myself)
<link type='text/css' href='/wire/modules/Inputfield/InputfieldDatetime/timepicker/jquery-ui-timepicker-addon.css' rel='stylesheet' />
as for the stretch question I've worked out if I keep the time with the date tenants won't be forced to make a choice of what time they want a person to come out. So I've decided to make a selector input field for those times
Clarkey1891's post in InputfieldDatetime Showing milliseconds/Timezone ect... was marked as the answer