From ddc1bd7c0adc5d16ffd6d76de95b40bd16cf57a3 Mon Sep 17 00:00:00 2001
From: Markus Birth <mbirth@gmail.com>
Date: Thu, 3 May 2018 15:03:09 +0200
Subject: [PATCH] Remove bootstrap-datepicker and use HTML5 date input.

---
 assets/main.coffee                       | 7 +------
 bower.json                               | 1 -
 config.inc.sample.php                    | 2 --
 index.php                                | 1 -
 templates/index.mustache                 | 5 ++---
 templates/partials/index_assets.mustache | 5 -----
 6 files changed, 3 insertions(+), 18 deletions(-)

diff --git a/assets/main.coffee b/assets/main.coffee
index 0f098b7..845fddd 100644
--- a/assets/main.coffee
+++ b/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
diff --git a/bower.json b/bower.json
index 3115c65..fcd3940 100644
--- a/bower.json
+++ b/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",
diff --git a/config.inc.sample.php b/config.inc.sample.php
index 59511d9..3c843e9 100644
--- a/config.inc.sample.php
+++ b/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'] = '';
diff --git a/index.php b/index.php
index 81b9e2d..40062d7 100644
--- a/index.php
+++ b/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');
diff --git a/templates/index.mustache b/templates/index.mustache
index 3326bdf..a1ceb72 100644
--- a/templates/index.mustache
+++ b/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=?');
diff --git a/templates/partials/index_assets.mustache b/templates/partials/index_assets.mustache
index ac027e8..f20ca23 100644
--- a/templates/partials/index_assets.mustache
+++ b/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"/>