Remove bootstrap-datepicker and use HTML5 date input.

assets/main.coffee

@@ -102,12 +102,7 @@ window.initUI = ->
     # date params event handlers
     updateDateNav()
 
-    $('.input-daterange').datepicker
-        format: 'yyyy-mm-dd'
-        language: window.datepicker_language
-        endDate: '0d'
-
-    $('.input-daterange').datepicker().on 'hide', (e) ->
+    $('.input-daterange').on 'change', (e) ->
         return gotoDate $('#dateFrom').val(), $('#dateTo').val()
 
     # accuracy event handlers

bower.json

@@ -18,7 +18,6 @@
     "jQuery": "^3.3.1",
     "coffeescript": "^2.3.0",
     "bootstrap": "^4.1.0",
-    "bootstrap-datepicker": "^1.6.4",
     "font-awesome": "*",
     "js-cookie": "^2.2.0",
     "leaflet": "^1.3.1",

config.inc.sample.php

@@ -4,8 +4,6 @@
 
 setlocale(LC_TIME, 'en_GB');
 
-$_config['datepicker-language'] = 'en-GB';
-
 // MySQL / MariaDB
 $_config['sql_type'] = 'mysql';
 $_config['sql_host'] = '';

index.php

@@ -29,7 +29,6 @@ $mustache = new \Mustache_Engine(array(
 $vars = array(
     'accuracy' => $accuracy,
     'tracker_id' => $trackerID,
-    'datepicker_language' => $_config['datepicker-language'],
 );
 
 $tpl = $mustache->loadTemplate('index');

templates/index.mustache

@@ -26,9 +26,9 @@
       </div>
       <div class="col-5 text-center">
         <div class="input-group input-daterange">
-          <input type="text" class="form-control" size="10" value="" id="dateFrom"/>
+          <input type="date" class="form-control" value="" id="dateFrom"/>
           <span class="col-form-label">&nbsp;to&nbsp;</span>
-          <input type="text" class="form-control" size="10" value="" id="dateTo"/>
+          <input type="date" class="form-control" value="" id="dateTo"/>
         </div>
       </div>
       <div class="col-6 text-right">
@@ -101,7 +101,6 @@
         window.default_trackerID = '{{default_tracker_id}}';
         window.trackerID = '{{tracker_id}}';
         window.accuracy = {{accuracy}};
-        window.datepicker_language = '{{datepicker_language}}';
 
         initUI();
         window.rpc = new RpcClient('rpc.php?callback=?');

templates/partials/index_assets.mustache

@@ -9,11 +9,6 @@
   <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"/>
   <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap-grid.min.css"/>
 
-  <!-- BOOTSTRAP DATETIMEPICKER !-->
-  <script type="text/javascript" src="bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
-  <script type="text/javascript" src="bower_components/bootstrap-datepicker/dist/locales/bootstrap-datepicker.{{datepicker_language}}.min.js"></script>
-  <link rel="stylesheet" href="bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker3.min.css"/>
-
   <!-- Font Awesome -->
   <link rel="stylesheet" href="bower_components/font-awesome/web-fonts-with-css/css/fontawesome-all.min.css"/>