add new properties to camp

index.php

@@ -7,6 +7,8 @@ ob_start();
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
         <script src="/vendor/jQuery/jquery-3.1.1.min.js"></script>
         <script src="/vendor/ckeditor/ckeditor.js"></script>
+        <script src="/vendor/jQuery/jquery-ui.js"></script>
+        <link rel="stylesheet" href="/vendor/jQuery/jquery-ui.css">
         <link rel="apple-touch-icon" sizes="57x57" href="/_image/apple-icon-57x57.png">
         <link rel="apple-touch-icon" sizes="60x60" href="/_image/apple-icon-60x60.png">
         <link rel="apple-touch-icon" sizes="72x72" href="/_image/apple-icon-72x72.png">
@@ -90,6 +92,21 @@ ob_start();
         </div>
         <script>
 
+        var inputIds = $('input').map(function() {
+            return this.id;
+        }).get().join(' '); // space separated ready for removeClass
+
+        $( function() {
+          $(".datepicker").datepicker({
+            dateFormat: "yy-mm-dd",
+            firstDay: 1,
+            beforeShow: function(input, inst) {
+                $('#ui-datepicker-div').removeClass(inputIds);
+                $('#ui-datepicker-div').addClass(this.id);
+            }
+          });
+        });
+
         function onReady(callback) {
             var intervalID = window.setInterval(checkReady, 1000);
             function checkReady() {