Bootstrap Date time picker

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script>
<link rel="stylesheet" href=" https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.14.30/css/bootstrap-datetimepicker.css">
<script src="  https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.14.30/js/bootstrap-datetimepicker.min.js"></script>

    <div id='hour' class="input-group">
              <p>Check in</p>
               <input type="text" class="form-control">

                   
                   <button class="input-group-addon" style="min-width:100px">ceva</button>
                   </div>
 <script type="text/javascript">
                            $(function () {
                                $('#datetimepicker1').datetimepicker();
                            });
 </script>
    
     <script type="text/javascript">
                            $(function () {
                                $('#hour').datetimepicker();
                            });
 </script>

CSS

p{
    display:inline;
}