using angular-ui-bootstrap datepicker and timepicker in a popup

Question

I need my users to be able to select a specific datetime in an input field.

I would like to use angular-ui-bootstrap library as it avoids the Jquery dependancy. The problem is that even if it contains a datepicker and a timepicker, it seems it's not possible to have them in a popup with a nice layout.

I found a component that do exactly what I'd like to do with angular-ui-bootstrap: http://www.malot.fr/bootstrap-datetimepicker/demo.php

The problem is that it uses Jquery and we need to include a lot of javascript files whih makes the page a bit heavy just for this need...

I investigated in the angular-ui-bootstrap github repo, and found this issue which contain a plunker sample that addresses partially my problem, but with this example there is no possibility of selecting the time.

Does anyone know if it's possible at the moment to use angular-ui-bootstrap datepicker and timepicker to select a datetime?

Answer 1

Maybe this can help. I created a date time picker that wraps the date and time pickers. You can find it here

https://github.com/Gillardo/bootstrap-ui-datetime-picker