date

public/css/all.css

@@ -18572,7 +18572,7 @@ fieldset[disabled] .btn-yahoo.active {
   color: #00a65a !important;
 }
 .text-gray {
-  color: #d2d6de !important;
+  color: #000000 !important;
 }
 .text-navy {
   color: #001F3F !important;
@@ -21443,7 +21443,7 @@ output {
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.42857143;
-  color: #d2d6de;
+  color: #000000;
   background-color: #fff;
   background-image: none;
   border: 1px solid #ccc;

resources/views/vendor/adminlte/layouts/owner/AddBookManual.blade.php

@@ -28,7 +28,23 @@
       <label> Jumlah KAMAR </label>
       <input type="text" name="nama" value="" id="nama" class="form-control">
       <label>Tanggal Check in</label>
-      <input type="Date" name="checkin" value="" id="checkin" class="form-control">
+      <div class="input-group date">
+        <input type="Date" name="checkin" value="" id="checkin" class="form-control">
+      </div>
+
+      <label> Tanggal Check In </label>
+      <div class="form-group">
+                <label>Date:</label>
+
+                <div class="input-group date">
+                  <div class="input-group-addon">
+                    <i class="fa fa-calendar"></i>
+                  </div>
+                  <input type="text" class="form-control datepicker" id="datepicker">
+                </div>
+                <!-- /.input group -->
+              </div>
+
       <label>Lama Menginap</label>
       <input type="text" name="TtlPembayaran" value="" id="nama" class="form-control">
       <br>
@@ -39,4 +55,12 @@
   </div>
 </div>
 
+
+<script src="{{ asset('/js/bootstrap-datepicker.js') }}"></script>
+<script type="text/javascript">
+$('#datepicker').datepicker({
+  autoclose: true
+});
+</script>
+
 @endsection

resources/views/vendor/adminlte/layouts/partials/htmlheader.blade.php

@@ -6,6 +6,8 @@
     <meta name="csrf-token" content="{{ csrf_token() }}">
 
     <link href="{{ asset('/css/all.css') }}" rel="stylesheet" type="text/css" />
+    <link href="{{ asset('/css/datepicker3.css') }}" rel="stylesheet" type="text/css" />
+    <script src="{{ asset('/plugins/jQuery/jquery-2.2.3.min.js') }}" type="text/javascript"></script>
 
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@@ -13,7 +15,7 @@
     <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
-
+    <script src="{{ asset('/js/app.js') }}" type="text/javascript"></script>
     <script>
         window.Laravel = {!! json_encode([
             'csrfToken' => csrf_token(),

resources/views/vendor/adminlte/layouts/partials/scripts.blade.php

@@ -2,7 +2,7 @@
 
 <!-- JQuery and bootstrap are required by Laravel 5.3 in resources/assets/js/bootstrap.js-->
 <!-- Laravel App -->
-<script src="{{ asset('/js/app.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('/plugins/datepicker/bootstrap-datepicker.js') }}" type="text/javascript"></script>
 
 <!-- Optionally, you can add Slimscroll and FastClick plugins.
       Both of these plugins are recommended to enhance the