changeset 5074:8ec4f1a0db86 time-sliding

client: remove clear button on date/time picker
author Fadi Abbud <fadi.abbud@intevation.de>
date Thu, 12 Mar 2020 11:08:12 +0100
parents 9bbe9d0a2dfb
children aeb100b4c41b
files client/src/components/TimeSlider.vue
diffstat 1 files changed, 9 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/TimeSlider.vue	Thu Mar 12 08:19:49 2020 +0100
+++ b/client/src/components/TimeSlider.vue	Thu Mar 12 11:08:12 2020 +0100
@@ -14,6 +14,7 @@
         v-model="dateSelection"
         min="2015-01-01"
         :max="new Date().toISOString().split('T')[0]"
+        required
       />
       <input
         type="time"
@@ -21,6 +22,7 @@
         max="23:59"
         v-model="timeSelection"
         class="form-control-sm"
+        required
       />
     </div>
     <div
@@ -44,12 +46,18 @@
   bottom: 0;
   min-width: 100vw;
 }
-
 #slider.expanded {
   max-height: 100%;
   max-width: 100%;
   margin: 0;
 }
+input::-webkit-clear-button {
+  display: none;
+}
+// hide clear button on IE
+input::-ms-clear {
+  display: none;
+}
 </style>
 <script>
 /* This is Free Software under GNU Affero General Public License v >= 3.0