@syncfusion/ej2-schedule 21.2.9 → 22.1.34

package/styles/fabric-dark.css

@@ -1635,20 +1635,13 @@
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
-  line-height: 38px;
+  line-height: 22px;
   padding: 0 5px;
 }
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
-  display: block;
-}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  font-size: 10px;
-  line-height: 38px;
-  padding-right: 7px;
-}
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  padding-right: 5px;
+  line-height: 22px;
+  padding: 0 2px;
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
   border: 0;
@@ -2115,6 +2108,12 @@
 .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
   background: #514f4f;
 }
+.e-schedule .e-month-agenda-view .e-appointment.e-template {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
 .e-schedule .e-month-agenda-view .e-subject-wrap {
   display: -ms-flexbox;
   display: flex;
@@ -2510,9 +2509,9 @@
   height: 35px;
 }
 .e-bigger .e-schedule .e-month-view .e-resource-cells,
-.e-bigger .e-schedule .e-month-view .e-date-header-wrap,
+.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
 .e-bigger.e-schedule .e-month-view .e-resource-cells,
-.e-bigger.e-schedule .e-month-view .e-date-header-wrap {
+.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
   font-size: 14px;
 }
 .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2529,6 +2528,10 @@
 .e-bigger.e-schedule .e-month-view .e-m-day {
   font-size: 14px;
 }
+.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
+.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  min-width: 306px;
+}
 
 .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
   border: 1px solid #fff;

package/styles/fabric.css

@@ -1630,20 +1630,13 @@
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
-  line-height: 38px;
+  line-height: 22px;
   padding: 0 5px;
 }
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
-  display: block;
-}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  font-size: 10px;
-  line-height: 38px;
-  padding-right: 7px;
-}
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  padding-right: 5px;
+  line-height: 22px;
+  padding: 0 2px;
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
   border: 0;
@@ -2110,6 +2103,12 @@
 .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
   background: #b7e0ff;
 }
+.e-schedule .e-month-agenda-view .e-appointment.e-template {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
 .e-schedule .e-month-agenda-view .e-subject-wrap {
   display: -ms-flexbox;
   display: flex;
@@ -2505,9 +2504,9 @@
   height: 35px;
 }
 .e-bigger .e-schedule .e-month-view .e-resource-cells,
-.e-bigger .e-schedule .e-month-view .e-date-header-wrap,
+.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
 .e-bigger.e-schedule .e-month-view .e-resource-cells,
-.e-bigger.e-schedule .e-month-view .e-date-header-wrap {
+.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
   font-size: 14px;
 }
 .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2524,6 +2523,10 @@
 .e-bigger.e-schedule .e-month-view .e-m-day {
   font-size: 14px;
 }
+.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
+.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  min-width: 306px;
+}
 
 .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
   border: 1px solid rgba(0, 0, 0, 0.5);

package/styles/fluent-dark.css

@@ -1698,20 +1698,13 @@
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
-  line-height: 38px;
+  line-height: 26px;
   padding: 0 5px;
 }
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
-  display: block;
-}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  font-size: 10px;
-  line-height: 38px;
-  padding-right: 7px;
-}
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  padding-right: 5px;
+  line-height: 26px;
+  padding: 0 2px;
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
   border: 0;
@@ -2178,6 +2171,12 @@
 .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
   background: #292827;
 }
+.e-schedule .e-month-agenda-view .e-appointment.e-template {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
 .e-schedule .e-month-agenda-view .e-subject-wrap {
   display: -ms-flexbox;
   display: flex;
@@ -2573,9 +2572,9 @@
   height: 38px;
 }
 .e-bigger .e-schedule .e-month-view .e-resource-cells,
-.e-bigger .e-schedule .e-month-view .e-date-header-wrap,
+.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
 .e-bigger.e-schedule .e-month-view .e-resource-cells,
-.e-bigger.e-schedule .e-month-view .e-date-header-wrap {
+.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
   font-size: 16px;
 }
 .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2592,6 +2591,10 @@
 .e-bigger.e-schedule .e-month-view .e-m-day {
   font-size: 14px;
 }
+.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
+.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  min-width: 306px;
+}
 
 .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
   border: 1px solid rgba(41, 40, 39, 0.5);

package/styles/fluent.css

@@ -1698,20 +1698,13 @@
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
-  line-height: 38px;
+  line-height: 26px;
   padding: 0 5px;
 }
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
-  display: block;
-}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  font-size: 10px;
-  line-height: 38px;
-  padding-right: 7px;
-}
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  padding-right: 5px;
+  line-height: 26px;
+  padding: 0 2px;
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
   border: 0;
@@ -2178,6 +2171,12 @@
 .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
   background: #edebe9;
 }
+.e-schedule .e-month-agenda-view .e-appointment.e-template {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
 .e-schedule .e-month-agenda-view .e-subject-wrap {
   display: -ms-flexbox;
   display: flex;
@@ -2573,9 +2572,9 @@
   height: 38px;
 }
 .e-bigger .e-schedule .e-month-view .e-resource-cells,
-.e-bigger .e-schedule .e-month-view .e-date-header-wrap,
+.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
 .e-bigger.e-schedule .e-month-view .e-resource-cells,
-.e-bigger.e-schedule .e-month-view .e-date-header-wrap {
+.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
   font-size: 16px;
 }
 .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2592,6 +2591,10 @@
 .e-bigger.e-schedule .e-month-view .e-m-day {
   font-size: 14px;
 }
+.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
+.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  min-width: 306px;
+}
 
 .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
   border: 1px solid rgba(237, 235, 233, 0.5);

package/styles/highcontrast-light.css

@@ -1712,20 +1712,13 @@
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
-  line-height: 38px;
+  line-height: 22px;
   padding: 0 5px;
 }
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
-  display: block;
-}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  font-size: 10px;
-  line-height: 38px;
-  padding-right: 7px;
-}
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  padding-right: 5px;
+  line-height: 22px;
+  padding: 0 2px;
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
   border: 0;
@@ -2192,6 +2185,12 @@
 .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
   background: #400074;
 }
+.e-schedule .e-month-agenda-view .e-appointment.e-template {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
 .e-schedule .e-month-agenda-view .e-subject-wrap {
   display: -ms-flexbox;
   display: flex;
@@ -2587,9 +2586,9 @@
   height: 35px;
 }
 .e-bigger .e-schedule .e-month-view .e-resource-cells,
-.e-bigger .e-schedule .e-month-view .e-date-header-wrap,
+.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
 .e-bigger.e-schedule .e-month-view .e-resource-cells,
-.e-bigger.e-schedule .e-month-view .e-date-header-wrap {
+.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
   font-size: 14px;
 }
 .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2606,6 +2605,10 @@
 .e-bigger.e-schedule .e-month-view .e-m-day {
   font-size: 14px;
 }
+.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
+.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  min-width: 306px;
+}
 
 .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
   border: 1px solid #fff;
@@ -3834,7 +3837,7 @@
   border-top: 1px solid #400074;
 }
 .e-schedule .e-vertical-view .e-previous-timeline {
-  border-top: 1px dotted #400074;
+  border-top: 1px dashed #400074;
 }
 .e-schedule .e-vertical-view.e-by-date .e-date-header-wrap table tbody td.e-header-cells {
   border-bottom-width: 1px;

package/styles/highcontrast.css

@@ -1716,20 +1716,13 @@
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
-  line-height: 38px;
+  line-height: 22px;
   padding: 0 5px;
 }
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
-  display: block;
-}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  font-size: 10px;
-  line-height: 38px;
-  padding-right: 7px;
-}
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  padding-right: 5px;
+  line-height: 22px;
+  padding: 0 2px;
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
   border: 0;
@@ -2196,6 +2189,12 @@
 .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
   background: #ffd939;
 }
+.e-schedule .e-month-agenda-view .e-appointment.e-template {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
 .e-schedule .e-month-agenda-view .e-subject-wrap {
   display: -ms-flexbox;
   display: flex;
@@ -2591,9 +2590,9 @@
   height: 35px;
 }
 .e-bigger .e-schedule .e-month-view .e-resource-cells,
-.e-bigger .e-schedule .e-month-view .e-date-header-wrap,
+.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
 .e-bigger.e-schedule .e-month-view .e-resource-cells,
-.e-bigger.e-schedule .e-month-view .e-date-header-wrap {
+.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
   font-size: 14px;
 }
 .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2610,6 +2609,10 @@
 .e-bigger.e-schedule .e-month-view .e-m-day {
   font-size: 14px;
 }
+.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
+.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  min-width: 306px;
+}
 
 .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
   border: 1px solid #fff;
@@ -3838,7 +3841,7 @@
   border-top: 1px solid #ffd939;
 }
 .e-schedule .e-vertical-view .e-previous-timeline {
-  border-top: 1px dotted #ffd939;
+  border-top: 1px dashed #ffd939;
 }
 .e-schedule .e-vertical-view.e-by-date .e-date-header-wrap table tbody td.e-header-cells {
   border-bottom-width: 1px;

package/styles/material-dark.css

@@ -1657,20 +1657,13 @@
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
-  line-height: 38px;
+  line-height: 22px;
   padding: 0 5px;
 }
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
-  display: block;
-}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  font-size: 10px;
-  line-height: 38px;
-  padding-right: 7px;
-}
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  padding-right: 5px;
+  line-height: 22px;
+  padding: 0 2px;
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
   border: 0;
@@ -2137,6 +2130,12 @@
 .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
   background: #757575;
 }
+.e-schedule .e-month-agenda-view .e-appointment.e-template {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
 .e-schedule .e-month-agenda-view .e-subject-wrap {
   display: -ms-flexbox;
   display: flex;
@@ -2532,9 +2531,9 @@
   height: 35px;
 }
 .e-bigger .e-schedule .e-month-view .e-resource-cells,
-.e-bigger .e-schedule .e-month-view .e-date-header-wrap,
+.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
 .e-bigger.e-schedule .e-month-view .e-resource-cells,
-.e-bigger.e-schedule .e-month-view .e-date-header-wrap {
+.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
   font-size: 14px;
 }
 .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2551,6 +2550,10 @@
 .e-bigger.e-schedule .e-month-view .e-m-day {
   font-size: 14px;
 }
+.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
+.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  min-width: 306px;
+}
 
 .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
   border: 1px solid #fff;

package/styles/material.css

@@ -1693,20 +1693,13 @@
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
-  line-height: 38px;
+  line-height: 22px;
   padding: 0 5px;
 }
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
-  display: block;
-}
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  font-size: 10px;
-  line-height: 38px;
-  padding-right: 7px;
-}
-.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
-  padding-right: 5px;
+  line-height: 22px;
+  padding: 0 2px;
 }
 .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
   border: 0;
@@ -2173,6 +2166,12 @@
 .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
   background: #e0e0e0;
 }
+.e-schedule .e-month-agenda-view .e-appointment.e-template {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
 .e-schedule .e-month-agenda-view .e-subject-wrap {
   display: -ms-flexbox;
   display: flex;
@@ -2568,9 +2567,9 @@
   height: 35px;
 }
 .e-bigger .e-schedule .e-month-view .e-resource-cells,
-.e-bigger .e-schedule .e-month-view .e-date-header-wrap,
+.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
 .e-bigger.e-schedule .e-month-view .e-resource-cells,
-.e-bigger.e-schedule .e-month-view .e-date-header-wrap {
+.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
   font-size: 14px;
 }
 .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2587,6 +2586,10 @@
 .e-bigger.e-schedule .e-month-view .e-m-day {
   font-size: 14px;
 }
+.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
+.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  min-width: 306px;
+}
 
 .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
   border: 1px solid rgba(0, 0, 0, 0.5);