created a timepicker directive