From 5857d8fb44d614047d43838be8c52bbbe2dbff55 Mon Sep 17 00:00:00 2001
From: Ioannis Kokkinidis <sudoplz@gmail.com>
Date: Wed, 7 Nov 2018 14:58:44 +0200
Subject: [PATCH] feat: hide single day header with css (#1019)

* No longer hiding the header when we only show one day

* Now hiding header w/ css
---
 src/TimeGridHeader.js     | 13 +++++++------
 src/less/time-column.less |  4 ++++
 src/less/time-grid.less   |  4 ++++
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/TimeGridHeader.js b/src/TimeGridHeader.js
index 158be899c..1562473eb 100644
--- a/src/TimeGridHeader.js
+++ b/src/TimeGridHeader.js
@@ -175,12 +175,13 @@ class TimeGridHeader extends React.Component {
                 </div>
               </div>
             )}
-            {/* For rendering only one day no need to show the headers */}
-            {range.length > 1 && (
-              <div className="rbc-row rbc-time-header-cell">
-                {this.renderHeaderCells(range)}
-              </div>
-            )}
+            <div
+              className={`rbc-row rbc-time-header-cell${
+                range.length <= 1 ? ' rbc-time-header-cell-single-day' : ''
+              }`}
+            >
+              {this.renderHeaderCells(range)}
+            </div>
             <DateContentRow
               isAllDay
               rtl={rtl}
diff --git a/src/less/time-column.less b/src/less/time-column.less
index e31b16c14..0e0a69663 100644
--- a/src/less/time-column.less
+++ b/src/less/time-column.less
@@ -97,6 +97,10 @@
     flex-basis: 0px;
   }
 
+  .rbc-time-header-cell-single-day {
+    display: none;
+  }
+
   .rbc-day-slot {
     min-width: 140px;
   }
diff --git a/src/less/time-grid.less b/src/less/time-grid.less
index 8414c5217..40af3598d 100644
--- a/src/less/time-grid.less
+++ b/src/less/time-grid.less
@@ -79,6 +79,10 @@
   // }
 }
 
+.rbc-time-header-cell-single-day {
+  display: none;
+}
+
 .rbc-time-header-content {
   flex: 1;
   display: flex;