add timepickerfragment and refactor the layout elements