diff -r fa742816bb8b -r 259c97782bf8 www/jqwidgets/styles/jqx.dark.css
--- a/www/jqwidgets/styles/jqx.dark.css	Wed Aug 21 17:26:56 2019 +0200
+++ b/www/jqwidgets/styles/jqx.dark.css	Thu Aug 22 14:10:58 2019 +0200
@@ -963,3 +963,44 @@
     margin-left: -4px;
     margin-right: 4px;
  }
+ /*applied to the timepicker*/ 
+ .jqx-time-picker .jqx-header .jqx-hour-container-dark:focus {
+    outline: 1px solid rgb(0, 119, 190) !important;
+}
+.jqx-time-picker .jqx-header .jqx-minute-container-dark:focus {
+    outline: 1px solid rgb(0, 119, 190) !important;
+}
+.jqx-time-picker .jqx-header .jqx-am-container-dark:focus {
+    outline: 1px solid rgb(0, 119, 190) !important;
+}
+.jqx-time-picker .jqx-header .jqx-pm-container-dark:focus {
+    outline: 1px solid rgb(0, 119, 190) !important;
+}
+.jqx-svg-picker-dark:focus {
+	border: 1px solid rgb(0, 119, 190) !important;
+}
+.jqx-container-dark {
+	border-radius: inherit;
+}
+.jqx-header-dark {
+	border-top-left-radius: inherit;
+	border-top-right-radius: inherit;
+}
+.jqx-main-container-dark {
+	border-bottom-left-radius: inherit;
+	border-bottom-right-radius: inherit;
+}
+.jqx-time-picker .jqx-main-container-dark {
+    background-color: rgb(37, 40, 48);
+}
+.jqx-time-picker .jqx-label-dark {
+    fill: white;
+    opacity: 0.5;
+}
+.jqx-time-picker .jqx-svg-picker-dark:focus {
+    border: 1px solid rgb(139, 139, 139);
+    outline: none;
+}
+.jqx-time-picker .jqx-label-dark.jqx-selected {
+    opacity: 1;
+}
\ No newline at end of file