From fe06f43dd5793a3bbda7513127daa4d3c3a5d29d Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Mon, 24 Feb 2025 10:37:04 +0100
Subject: [PATCH] ui: date picker and db name improvements

---
 .../DashboardEditModal/DashboardEditModal.tsx       |  2 +-
 .../Dashboard/components/WidgetName/WidgetName.tsx  |  2 +-
 frontend/app/styles/main.css                        | 13 ++++++++++++-
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/Dashboard/components/DashboardEditModal/DashboardEditModal.tsx b/frontend/app/components/Dashboard/components/DashboardEditModal/DashboardEditModal.tsx
index 3d8cfb44e..1be4a2444 100644
--- a/frontend/app/components/Dashboard/components/DashboardEditModal/DashboardEditModal.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardEditModal/DashboardEditModal.tsx
@@ -53,7 +53,7 @@ function DashboardEditModal(props: Props) {
                         value={ dashboard.name }
                         onChange={write}
                         placeholder="Title"
-                        maxLength={100}
+                        maxLength={40}
                         autoFocus={focusTitle}
                     />
                 </Form.Field>
diff --git a/frontend/app/components/Dashboard/components/WidgetName/WidgetName.tsx b/frontend/app/components/Dashboard/components/WidgetName/WidgetName.tsx
index e6d6c7d1a..eb52d7906 100644
--- a/frontend/app/components/Dashboard/components/WidgetName/WidgetName.tsx
+++ b/frontend/app/components/Dashboard/components/WidgetName/WidgetName.tsx
@@ -55,7 +55,7 @@ function WidgetName(props: Props) {
           onBlur={() => onBlur()}
           onKeyDown={onKeyDown}
           onFocus={() => setEditing(true)}
-          maxLength={80}
+          maxLength={40}
           className="bg-white text-2xl ps-2 rounded-lg h-8"
         />
       ) : (
diff --git a/frontend/app/styles/main.css b/frontend/app/styles/main.css
index e7d2b388f..2f074ff3e 100644
--- a/frontend/app/styles/main.css
+++ b/frontend/app/styles/main.css
@@ -353,11 +353,22 @@ svg {
 
 .dateRangeContainer  .react-calendar__tile--active{
     background-color: rgba(57, 77, 254,.7);
+    color: #FFF!important;
+}
+
+.dateRangeContainer .react-calendar__tile--rangeStart {
+    background-color: #394dfe;
+    color: #FFF!important;
 }
 
 .dateRangeContainer .react-calendar__tile--hasActive, .dateRangeContainer .react-calendar__tile--active:hover, .dateRangeContainer .react-calendar__tile--active:enabled:hover, .dateRangeContainer .react-calendar__tile--active:enabled:focus, .dateRangeContainer  .react-calendar__tile--hasActive:enabled:hover, .dateRangeContainer  .react-calendar__tile--hasActive:enabled:focus{
     background-color: #394dfe;
-    color: #FFF;
+    color: #FFF!important;
+}
+
+.react-calendar__tile--now:enabled:hover, .react-calendar__tile--now:enabled:focus {
+    background-color: #2331A8!important;
+    color: #FFF!important;
 }
 
 .dateRangeContainer .react-calendar__tile--hasActive:hover{