Covalent: Time Picker

[JulieMarie]

Here's a possibility: https://codepen.io/mattbajorek/pen/OpGVyv

I'm not sold on this as I don't like how they handle typing the time in directly.

• [ ] Multiple select boxes showing up
• [ ] Time input
• [ ] etc

[jotatoledo]

Having something like https://vuetifyjs.com/en/components/time-pickers for ngx would be great

[JulieMarie]

Thanks José. We'll take that into consideration!

While I do like that timepicker somewhat, I wish that there was a way to just type in the time as well instead of being forced to use the dial.

[richavyas]

+1 for typing the date, always wanted it!

[jotatoledo]

@JulieMarie hey, thanks for the reply.

The type in behavior could be archieved through a directive, pretty much as the datepicker of material works atm. I worked on a prototype some time ago, but dropped it as I laked the time to polish it.

IMO the basic building blocks for this would be:

• ClockComponent<T>: displays the clock visuals
• TimepickerComponent<T>: wraps an instance of ClockComponent and adds the header controls (time format, change between minutes/hours selection, etc)
• TimepickerInputDirective<T>: a directive that implements ControlValueAccessor and references a TimepickerComponent instance
• TimePickerToggleComponent<T>: connects an icon button with an instance of TimepickerInputDirective
• TimePickerAdapter<T>: an abstract service that works as plug-in in order to manipulate the time objects and the values captured by the TimepickerInputDirective

[Enngage]

Is this in progress? If so, is there any possible realease date? :-)

[JulieMarie]

Yes this is in progress @Enngage. It will go into experimental this week, but probably won't be mainstreamed until early next year.