feat(color-picker, time-picker): round corners, @HostListeners, openOnFocus for mccColorPickerOrigin, examples, time picker fixes

[motabass]

implements #148

[motabass]

This also removes open Sans font and uses Roboto instead, aligns border-radius and elevation with what @angular/material uses for the datepicker (z4, and border-radius: 4px)

furthermore both color-picker and time-picker use the same button layout and default "Confirm" button text.

[tiaguinho]

@motabass this is ready for review?

[motabass]

@tiaguinho yes

[tiaguinho]

@motabass In some methods, you have removed the documentation of params. There is some reason for that?

[motabass]

@tiaguinho i re-added the animation and the comment. I removed the @param comments because they seemed redundant to me when strongly typing it with TS.

The thing with the animation is, that one does not see it too much, because when hour is selected the view changes to minutes immediatly after the click. The same is true for the minutes when using the picker with hidden buttons. I was trying to add some delay, but i'm not sure if its a good idea really, also the test made problems then....what do you think?

Furthermore the animation is not going clockwise all the time and the selection-circle around the number is not animated which leads to looking strange while animating:

[tiaguinho]

Makes sense @motabass.
Let's remove the animation.

Please let me know when I can do the review again.

Thank you!

[motabass]

@tiaguinho I'm ready!