coloring date as blue when it's part of the range

grafana · Feb 3, 2021 · a9155d9 · a9155d9
1 parent ed7e47b
commit a9155d9
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/webapp/sass/components/daterangepicker.scss b/webapp/sass/components/daterangepicker.scss
@@ -1,7 +1,7 @@
 @use "../variables" as *;
 @use "../mixins/outline" as *;
 /** 
-* DatePicker Compenent styles
+* DatePicker Component styles
 * TODO: adjust styling
 */
 @import "../../node_modules/react-datepicker/dist/react-datepicker.css";
@@ -79,3 +79,9 @@
     margin-top: 15px;
   }
 }
+
+// range picker custom style
+.react-datepicker__day--in-range {
+  background-color: #216ba5 !important;
+  color: white !important;
+}