datepickertime jquery/bootstrap not displaying properly

I'm trying to get a datetimepicker, this is my refs:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
<link href="~/bootstrap-datetimepicker-master/build/css/bootstrap-datetimepicker.css" rel="stylesheet" />
<link href="~/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="~/bootstrap-datetimepicker-master/build/js/bootstrap-datetimepicker.min.js"></script>

and this is the call:

<script>
                    $("#datetime").datetimepicker({
                        format: 'YYYY-MM-DD HH:mm'
                    });
                </script>

But the datepicker is shown extremely weird and no logic at all:

Seems like the css is loading correctly enter image description here Please help

Added the bootstrap-standalone-css library and then I get this atleast, but the time view toggles down on click and then immediatly back up and buttons not showing quite correct:

UPDATE

Seems I was missing the whole 'fonts' folder in datepicker library with a bunch of files fixing the most of it. The only issue now is that the "time-box" doesn't stay toggled up.