diff -r fa742816bb8b -r 259c97782bf8 www/jqwidgets/styles/jqx.metro.css
--- a/www/jqwidgets/styles/jqx.metro.css	Wed Aug 21 17:26:56 2019 +0200
+++ b/www/jqwidgets/styles/jqx.metro.css	Thu Aug 22 14:10:58 2019 +0200
@@ -320,4 +320,30 @@
 .jqx-layout-metro
 {
     background-color: #e5e5e5;
-}
\ No newline at end of file
+}
+
+/*applied to the timepicker*/
+.jqx-time-picker .jqx-header .jqx-hour-container-metro:focus {
+    outline: 1px solid rgb(31, 174, 255) !important;
+}
+.jqx-time-picker .jqx-header .jqx-minute-container-metro:focus {
+    outline: 1px solid rgb(31, 174, 255) !important;
+}
+.jqx-time-picker .jqx-header .jqx-am-container-metro:focus {
+    outline: 1px solid rgb(31, 174, 255) !important;
+}
+.jqx-time-picker .jqx-header .jqx-pm-container-metro:focus {
+    outline: 1px solid rgb(31, 174, 255) !important;
+}
+.jqx-svg-picker-metro {
+	border: 1px solid rgb(31, 174, 255);
+}
+.jqx-svg-picker-metro:focus {
+	border: 1px solid rgb(31, 174, 255) !important;
+}
+.jqx-needle-central-circle-metro {
+	fill: rgb(31, 174, 255);
+}
+.jqx-needle-metro {
+	fill: rgb(31, 174, 255);
+}