api-payroll/public/html/NewEmployee.php

@@ -37,7 +37,7 @@
                         <div class="form-group">
                             <label class="col-md-4 control-label" for="newEmployeeBirthDate">Birth date</label>
                             <div class="col-md-5">
-                                <input id="newEmployeeBirthDate" name="newEmployeeBirthDate" type="text" class="form-control input-md">
+                                <input id="newEmployeeBirthDate" name="newEmployeeBirthDate" type="text" class="form-control input-md datepicker">
                             </div>
                         </div>
                     </div>

api-payroll/public/html/landing.php

@@ -225,4 +225,7 @@ if(!isset($_SESSION['userName'])){
 
 <script src="../js/getBaseUrl.js"></script>
 <script src="../js/landing.js"></script>
+<script src="../js/bootstrap-datepicker.min.js"></script>
+
+<link href="../css/bootstrap-datepicker.min.css" rel="stylesheet">
 <link href="../css/landing.css" rel="stylesheet">

api-payroll/public/js/NewEmployee.js

@@ -3,6 +3,12 @@
  */
 $(document).ready(function(){
     loadEmployeeTypes();
+
+    $('.datepicker').datepicker({
+        format: "yyyy/mm/dd",
+        autoclose: true
+    });
+
 });
 
 /**