From 31d6b86a2501a0055a824845cba7474f56820791 Mon Sep 17 00:00:00 2001
From: Roberto von Schoettler <roberto.vonschoettler@gmail.com>
Date: Fri, 7 Sep 2018 16:31:02 -0400
Subject: [PATCH] Adding tabbable events

---
 src/EventCell.js    | 4 ++--
 src/less/event.less | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/EventCell.js b/src/EventCell.js
index c44a8f98c..200d08d68 100644
--- a/src/EventCell.js
+++ b/src/EventCell.js
@@ -70,7 +70,7 @@ class EventCell extends React.Component {
 
     return (
       <EventWrapper {...this.props} type="date">
-        <div
+        <button
           {...props}
           style={{ ...userProps.style, ...style }}
           className={cn('rbc-event', className, userProps.className, {
@@ -83,7 +83,7 @@ class EventCell extends React.Component {
           onDoubleClick={e => onDoubleClick && onDoubleClick(event, e)}
         >
           {typeof children === 'function' ? children(content) : content}
-        </div>
+        </button>
       </EventWrapper>
     )
   }
diff --git a/src/less/event.less b/src/less/event.less
index c46bf3764..1df90df17 100644
--- a/src/less/event.less
+++ b/src/less/event.less
@@ -3,6 +3,7 @@
 .rbc-event {
   padding: @event-padding;
   background-color: @event-bg;
+  border: 0;
   border-radius: @event-border-radius;
   color: @event-color;
   cursor: pointer;
@@ -15,6 +16,10 @@
   &.rbc-selected {
     background-color: darken(@event-bg, 10%);
   }
+
+  &:focus {
+    border: 2px solid red;
+  }
 }
 
 .rbc-event-label {
@@ -44,4 +49,3 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
-