'focus' and 'blur' used to show/hide timepicker

for focusable elements we use 'focus'/'blur' instead of 'click' to
show/hide timepicker's popover

we still need to handle click, so that clicking outside of the popover
hides it, but clicking inside of the trigger element keeps popover open
Use 'wip' version of the clock component