@syncfusion/ej2-schedule 30.2.7 → 31.1.20

package/styles/schedule/_fabric-definition.scss

@@ -63,6 +63,7 @@ $schedule-appointment-active-border-color: #000 !default;
 $schedule-month-agenda-app-indicator-color: $schedule-appointment-bg-color !default;
 $schedule-month-appointment-height: 22px !default;
 $schedule-month-appointment-text-line-height: 18px !default;
+$schedule-month-event-clone-line-height-subject: 1.4 !default;
 $schedule-appointment-text-line-height: 20px !default;
 $schedule-month-appointment-time-padding: 1.5px !default;
 $schedule-month-appointment-subject-padding: 1px 2px !default;
@@ -224,6 +225,7 @@ $schedule-timeline-year-resource-text-padding: 4px 15px !default;
 $schedule-timeline-year-resource-cells-padding-left: 15px !default;
 $schedule-timeline-year-left-indent-padding: 0 !default;
 $schedule-timeline-date-header-wrap-padding: 5px !default;
+$schedule-rtl-timeline-date-header-wrap-padding: 5px !default;
 $schedule-dialog-row-container-padding-bottom: 12px !default;
 $schedule-dialog-all-day-row-padding-top: 8px !default;
 $schedule-dialog-all-day-row-padding-bottom: 14px !default;

package/styles/schedule/_fluent-definition.scss

@@ -66,6 +66,7 @@ $schedule-appointment-active-border-color: $icon-color !default;
 $schedule-month-agenda-app-indicator-color: $primary !default;
 $schedule-month-appointment-height: 26px !default;
 $schedule-month-appointment-text-line-height: 18px !default;
+$schedule-month-event-clone-line-height-subject: 1.4 !default;
 $schedule-appointment-text-line-height: 18px !default;
 $schedule-month-appointment-time-padding: 1.5px !default;
 $schedule-month-appointment-subject-padding: 1px 2px !default;
@@ -227,6 +228,7 @@ $schedule-timeline-year-resource-text-padding: 4px 15px !default;
 $schedule-timeline-year-resource-cells-padding-left: 15px !default;
 $schedule-timeline-year-left-indent-padding: 0 !default;
 $schedule-timeline-date-header-wrap-padding: 5px !default;
+$schedule-rtl-timeline-date-header-wrap-padding: 5px !default;
 $schedule-dialog-row-container-padding-bottom: 12px !default;
 $schedule-dialog-all-day-row-padding-top: 8px !default;
 $schedule-dialog-all-day-row-padding-bottom: 14px !default;
@@ -259,7 +261,7 @@ $schedule-agenda-subject-wrap-margin-bottom: 0 !default;
 $schedule-bigger-tbar-btn-font-size: $schedule-date-navigation-font-size !default;
 $schedule-more-event-close-icon-font-size: $text-xxs !default;
 $schedule-tbar-btn-icn-right-bgr-padding-top: 3px !default;
-$schedule-following-events-dlg-padding: 0 24px 24px !default;
+$schedule-following-events-dlg-padding: 24px !default;
 $schedule-bgr-date-time-icon-padding-right: 13px !default;
 $schedule-bgr-more-event-close-icon-padding: unset !default;
 $schedule-bgr-tbar-btn-text-font-size: $schedule-header-nrml-font-size !default;

package/styles/schedule/_fluent2-definition.scss

@@ -66,6 +66,7 @@ $schedule-appointment-active-border-color: $icon-color !default;
 $schedule-month-agenda-app-indicator-color: $primary !default;
 $schedule-month-appointment-height: 26px !default;
 $schedule-month-appointment-text-line-height: 18px !default;
+$schedule-month-event-clone-line-height-subject: 1.3 !default;
 $schedule-appointment-text-line-height: 18px !default;
 $schedule-month-appointment-time-padding: 1.5px !default;
 $schedule-month-appointment-subject-padding: 1px 2px !default;
@@ -227,6 +228,7 @@ $schedule-timeline-year-resource-text-padding: 4px 12px !default;
 $schedule-timeline-year-resource-cells-padding-left: 12px !default;
 $schedule-timeline-year-left-indent-padding: 0 !default;
 $schedule-timeline-date-header-wrap-padding: 8px 0 8px 8px !default;
+$schedule-rtl-timeline-date-header-wrap-padding: 8px 8px 8px 0 !default;
 $schedule-dialog-row-container-padding-bottom: 12px !default;
 $schedule-dialog-all-day-row-padding-top: 4px !default;
 $schedule-dialog-all-day-row-padding-bottom: 12px !default;

package/styles/schedule/_fusionnew-definition.scss

@@ -50,6 +50,7 @@ $schedule-appointment-border-radius: 2px !default;
 $schedule-appointment-active-border-color: $icon-color !default;
 $schedule-month-appointment-height: 26px !default;
 $schedule-month-appointment-text-line-height: 18px !default;
+$schedule-month-event-clone-line-height-subject: 1.4 !default;
 $schedule-appointment-text-line-height: 18px !default;
 $schedule-month-appointment-time-padding: 1.5px !default;
 $schedule-month-appointment-subject-padding: 1px 2px !default;
@@ -163,6 +164,7 @@ $schedule-timeline-year-resource-text-padding: 4px 12px !default;
 $schedule-timeline-year-resource-cells-padding-left: 12px !default;
 $schedule-timeline-year-left-indent-padding: 0 !default;
 $schedule-timeline-date-header-wrap-padding: 8px 0 8px 8px !default;
+$schedule-rtl-timeline-date-header-wrap-padding: 8px 8px 8px 0 !default;
 $schedule-dialog-row-container-padding-bottom: 12px !default;
 $schedule-dialog-all-day-row-padding-top: 4px !default;
 $schedule-dialog-all-day-row-padding-bottom: 12px !default;

package/styles/schedule/_highcontrast-definition.scss

@@ -63,6 +63,7 @@ $schedule-appointment-selected-border: 1px solid $border-fg !default;
 $schedule-month-agenda-app-indicator-color: $schedule-appointment-bg-color !default;
 $schedule-month-appointment-height: 22px !default;
 $schedule-month-appointment-text-line-height: 18px !default;
+$schedule-month-event-clone-line-height-subject: 1.4 !default;
 $schedule-appointment-text-line-height: 20px !default;
 $schedule-month-appointment-time-padding: 1.5px !default;
 $schedule-month-appointment-subject-padding: 1px 2px !default;
@@ -224,6 +225,7 @@ $schedule-timeline-year-resource-text-padding: 4px 15px !default;
 $schedule-timeline-year-resource-cells-padding-left: 15px !default;
 $schedule-timeline-year-left-indent-padding: 0 !default;
 $schedule-timeline-date-header-wrap-padding: 5px !default;
+$schedule-rtl-timeline-date-header-wrap-padding: 5px !default;
 $schedule-dialog-row-container-padding-bottom: 12px !default;
 $schedule-dialog-all-day-row-padding-top: 8px !default;
 $schedule-dialog-all-day-row-padding-bottom: 14px !default;

package/styles/schedule/_highcontrast-light-definition.scss

@@ -63,6 +63,7 @@ $schedule-appointment-selected-border: 1px solid $bg-base-0 !default;
 $schedule-month-agenda-app-indicator-color: $schedule-appointment-bg-color !default;
 $schedule-month-appointment-height: 22px !default;
 $schedule-month-appointment-text-line-height: 18px !default;
+$schedule-month-event-clone-line-height-subject: 1.4 !default;
 $schedule-appointment-text-line-height: 20px !default;
 $schedule-month-appointment-time-padding: 1.5px !default;
 $schedule-month-appointment-subject-padding: 1px 2px !default;
@@ -225,6 +226,7 @@ $schedule-timeline-year-resource-text-padding: 4px 15px !default;
 $schedule-timeline-year-resource-cells-padding-left: 15px !default;
 $schedule-timeline-year-left-indent-padding: 0 !default;
 $schedule-timeline-date-header-wrap-padding: 5px !default;
+$schedule-rtl-timeline-date-header-wrap-padding: 5px !default;
 $schedule-dialog-row-container-padding-bottom: 12px !default;
 $schedule-dialog-all-day-row-padding-top: 8px !default;
 $schedule-dialog-all-day-row-padding-bottom: 14px !default;

package/styles/schedule/_layout.scss

@@ -1253,7 +1253,6 @@
 
           .e-subject {
             font-weight: 500;
-            margin-left: 15px;
             margin-right: auto;
           }
 
@@ -2219,6 +2218,10 @@
         .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
           text-align: right;
         }
+
+        .e-date-header-wrap table tbody td {
+          padding: $schedule-rtl-timeline-date-header-wrap-padding;
+        }
       }
     }
 
@@ -3454,16 +3457,6 @@
         }
       }
 
-      .e-popup-content {
-        .e-date-time-wrapper,
-        .e-location-details,
-        .e-time-zone-details,
-        .e-description-details,
-        .e-resource-details {
-          margin-right: 10px;
-        }
-      }
-
       .e-event-details,
       .e-event-edit {
         margin-left: 8px;
@@ -3676,6 +3669,14 @@
       }
     }
   }
+
+  .e-month-view .e-appointment.e-schedule-event-clone {
+    .e-appointment-details {
+      .e-subject {
+        line-height: $schedule-month-event-clone-line-height-subject;
+      }
+    }
+  }
 }
 
 @media print {

package/styles/schedule/_material-dark-definition.scss

@@ -61,6 +61,7 @@ $schedule-appointment-active-border-color: $primary-50 !default;
 $schedule-month-agenda-app-indicator-color: $primary !default;
 $schedule-month-appointment-height: 22px !default;
 $schedule-month-appointment-text-line-height: 20px !default;
+$schedule-month-event-clone-line-height-subject: 1.6 !default;
 $schedule-appointment-text-line-height: 20px !default;
 $schedule-month-appointment-time-padding: 1.5px !default;
 $schedule-month-appointment-subject-padding: 1px 2px !default;
@@ -222,6 +223,7 @@ $schedule-timeline-year-resource-text-padding: 4px 15px !default;
 $schedule-timeline-year-resource-cells-padding-left: 15px !default;
 $schedule-timeline-year-left-indent-padding: 0 !default;
 $schedule-timeline-date-header-wrap-padding: 5px !default;
+$schedule-rtl-timeline-date-header-wrap-padding: 5px !default;
 $schedule-dialog-row-container-padding-bottom: 12px !default;
 $schedule-dialog-all-day-row-padding-top: 8px !default;
 $schedule-dialog-all-day-row-padding-bottom: 14px !default;

package/styles/schedule/_material-definition.scss

@@ -62,6 +62,7 @@ $schedule-appointment-active-border-color: #000 !default;
 $schedule-month-agenda-app-indicator-color: $primary !default;
 $schedule-month-appointment-height: 22px !default;
 $schedule-month-appointment-text-line-height: 20px !default;
+$schedule-month-event-clone-line-height-subject: 1.6 !default;
 $schedule-appointment-text-line-height: 20px !default;
 $schedule-month-appointment-time-padding: 1.5px !default;
 $schedule-month-appointment-subject-padding: 1px 2px !default;
@@ -219,6 +220,7 @@ $schedule-timeline-year-resource-text-padding: 4px 15px !default;
 $schedule-timeline-year-resource-cells-padding-left: 15px !default;
 $schedule-timeline-year-left-indent-padding: 0 !default;
 $schedule-timeline-date-header-wrap-padding: 5px !default;
+$schedule-rtl-timeline-date-header-wrap-padding: 5px !default;
 $schedule-dialog-row-container-padding-bottom: 12px !default;
 $schedule-dialog-all-day-row-padding-top: 8px !default;
 $schedule-dialog-all-day-row-padding-bottom: 14px !default;

package/styles/schedule/_material3-definition.scss

@@ -51,6 +51,7 @@ $schedule-appointment-border-radius: 4px !default;
 $schedule-appointment-active-border-color: rgba($icon-color) !default;
 $schedule-month-appointment-height: 25px !default;
 $schedule-month-appointment-text-line-height: 22px !default;
+$schedule-month-event-clone-line-height-subject: 1.8 !default;
 $schedule-appointment-text-line-height: 20px !default;
 $schedule-month-appointment-time-padding: 2px !default;
 $schedule-month-appointment-subject-padding: 1px 2px !default;
@@ -167,6 +168,7 @@ $schedule-timeline-year-resource-text-padding: 4px 16px !default;
 $schedule-timeline-year-resource-cells-padding-left: 16px !default;
 $schedule-timeline-year-left-indent-padding: 0 !default;
 $schedule-timeline-date-header-wrap-padding: 8px 0 8px 8px !default;
+$schedule-rtl-timeline-date-header-wrap-padding: 8px 8px 8px 0 !default;
 $schedule-dialog-row-container-padding-bottom: 20px !default;
 $schedule-dialog-all-day-row-padding-top: 4px !default;
 $schedule-dialog-all-day-row-padding-bottom: 20px !default;

package/styles/schedule/_tailwind-definition.scss

@@ -66,6 +66,7 @@ $schedule-appointment-active-border-color: $icon-color !default;
 $schedule-month-agenda-app-indicator-color: $primary !default;
 $schedule-month-appointment-height: 26px !default;
 $schedule-month-appointment-text-line-height: 18px !default;
+$schedule-month-event-clone-line-height-subject: 1.4 !default;
 $schedule-appointment-text-line-height: 18px !default;
 $schedule-month-appointment-time-padding: 1.5px !default;
 $schedule-month-appointment-subject-padding: 1px 2px !default;
@@ -225,6 +226,7 @@ $schedule-timeline-year-resource-text-padding: 4px 12px !default;
 $schedule-timeline-year-resource-cells-padding-left: 12px !default;
 $schedule-timeline-year-left-indent-padding: 0 !default;
 $schedule-timeline-date-header-wrap-padding: 8px 0 8px 8px !default;
+$schedule-rtl-timeline-date-header-wrap-padding: 8px 8px 8px 0 !default;
 $schedule-dialog-row-container-padding-bottom: 12px !default;
 $schedule-dialog-all-day-row-padding-top: 4px !default;
 $schedule-dialog-all-day-row-padding-bottom: 12px !default;

package/styles/schedule/_tailwind3-definition.scss

@@ -48,6 +48,7 @@ $schedule-appointment-border-radius: 8px !default;
 $schedule-appointment-active-border-color: $icon-color !default;
 $schedule-month-appointment-height: 26px !default;
 $schedule-month-appointment-text-line-height: 18px !default;
+$schedule-month-event-clone-line-height-subject: 1.4 !default;
 $schedule-appointment-text-line-height: 18px !default;
 $schedule-month-appointment-time-padding: 1.5px !default;
 $schedule-month-appointment-subject-padding: 1px 2px !default;
@@ -164,6 +165,7 @@ $schedule-timeline-year-resource-text-padding: 4px 12px !default;
 $schedule-timeline-year-resource-cells-padding-left: 12px !default;
 $schedule-timeline-year-left-indent-padding: 0 !default;
 $schedule-timeline-date-header-wrap-padding: 8px 0 8px 8px !default;
+$schedule-rtl-timeline-date-header-wrap-padding: 8px 8px 8px 0 !default;
 $schedule-dialog-row-container-padding-bottom: 12px !default;
 $schedule-dialog-all-day-row-padding-top: 4px !default;
 $schedule-dialog-all-day-row-padding-bottom: 12px !default;

package/styles/schedule/bds.css

@@ -1415,7 +1415,6 @@
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
   font-weight: 500;
-  margin-left: 15px;
   margin-right: auto;
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
@@ -2295,6 +2294,10 @@
 .e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
   text-align: right;
 }
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table tbody td,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table tbody td {
+  padding: 8px 8px 8px 0;
+}
 .e-schedule.e-device .e-month-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
@@ -3328,13 +3331,6 @@
   left: 6px;
   right: auto;
 }
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
-  margin-right: 10px;
-}
 .e-quick-popup-wrapper.e-rtl .e-event-details,
 .e-quick-popup-wrapper.e-rtl .e-event-edit {
   margin-left: 8px;
@@ -3520,6 +3516,10 @@
   display: none;
 }
 
+.e-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  line-height: 1.4;
+}
+
 @media print {
   .e-schedule .e-table-container {
     display: block;

package/styles/schedule/bootstrap-dark.css

@@ -1197,7 +1197,6 @@
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
   font-weight: 500;
-  margin-left: 15px;
   margin-right: auto;
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
@@ -2077,6 +2076,10 @@
 .e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
   text-align: right;
 }
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table tbody td,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table tbody td {
+  padding: 5px;
+}
 .e-schedule.e-device .e-month-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
@@ -3110,13 +3113,6 @@
   left: 6px;
   right: auto;
 }
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
-  margin-right: 10px;
-}
 .e-quick-popup-wrapper.e-rtl .e-event-details,
 .e-quick-popup-wrapper.e-rtl .e-event-edit {
   margin-left: 8px;
@@ -3302,6 +3298,10 @@
   display: none;
 }
 
+.e-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  line-height: 1.4;
+}
+
 @media print {
   .e-schedule .e-table-container {
     display: block;

package/styles/schedule/bootstrap.css

@@ -1192,7 +1192,6 @@
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
   font-weight: 500;
-  margin-left: 15px;
   margin-right: auto;
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
@@ -2072,6 +2071,10 @@
 .e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
   text-align: right;
 }
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table tbody td,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table tbody td {
+  padding: 5px;
+}
 .e-schedule.e-device .e-month-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
@@ -3105,13 +3108,6 @@
   left: 6px;
   right: auto;
 }
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
-  margin-right: 10px;
-}
 .e-quick-popup-wrapper.e-rtl .e-event-details,
 .e-quick-popup-wrapper.e-rtl .e-event-edit {
   margin-left: 8px;
@@ -3297,6 +3293,10 @@
   display: none;
 }
 
+.e-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  line-height: 1.4;
+}
+
 @media print {
   .e-schedule .e-table-container {
     display: block;

package/styles/schedule/bootstrap4.css

@@ -82,6 +82,14 @@
   font-size: 12px;
 }
 
+.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
+  background: transparent;
+  color: #495057;
+}
+
 .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;
@@ -1239,7 +1247,6 @@
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
   font-weight: 500;
-  margin-left: 15px;
   margin-right: auto;
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
@@ -2119,6 +2126,10 @@
 .e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
   text-align: right;
 }
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table tbody td,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table tbody td {
+  padding: 8px 8px 8px 0;
+}
 .e-schedule.e-device .e-month-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
@@ -3152,13 +3163,6 @@
   left: 6px;
   right: auto;
 }
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
-  margin-right: 10px;
-}
 .e-quick-popup-wrapper.e-rtl .e-event-details,
 .e-quick-popup-wrapper.e-rtl .e-event-edit {
   margin-left: 8px;
@@ -3344,6 +3348,10 @@
   display: none;
 }
 
+.e-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  line-height: 1.5;
+}
+
 @media print {
   .e-schedule .e-table-container {
     display: block;

package/styles/schedule/bootstrap5-dark.css

@@ -1242,7 +1242,6 @@
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
   font-weight: 500;
-  margin-left: 15px;
   margin-right: auto;
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
@@ -2122,6 +2121,10 @@
 .e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
   text-align: right;
 }
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table tbody td,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table tbody td {
+  padding: 8px 8px 8px 0;
+}
 .e-schedule.e-device .e-month-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
@@ -3155,13 +3158,6 @@
   left: 6px;
   right: auto;
 }
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
-  margin-right: 10px;
-}
 .e-quick-popup-wrapper.e-rtl .e-event-details,
 .e-quick-popup-wrapper.e-rtl .e-event-edit {
   margin-left: 8px;
@@ -3347,6 +3343,10 @@
   display: none;
 }
 
+.e-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  line-height: 1.4;
+}
+
 @media print {
   .e-schedule .e-table-container {
     display: block;

package/styles/schedule/bootstrap5.3.css

@@ -1246,7 +1246,6 @@
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
   font-weight: 500;
-  margin-left: 15px;
   margin-right: auto;
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
@@ -2126,6 +2125,10 @@
 .e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
   text-align: right;
 }
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table tbody td,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table tbody td {
+  padding: 8px 8px 8px 0;
+}
 .e-schedule.e-device .e-month-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
@@ -3159,13 +3162,6 @@
   left: 6px;
   right: auto;
 }
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
-  margin-right: 10px;
-}
 .e-quick-popup-wrapper.e-rtl .e-event-details,
 .e-quick-popup-wrapper.e-rtl .e-event-edit {
   margin-left: 8px;
@@ -3351,6 +3347,10 @@
   display: none;
 }
 
+.e-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  line-height: 1.4;
+}
+
 @media print {
   .e-schedule .e-table-container {
     display: block;

package/styles/schedule/bootstrap5.css

@@ -1242,7 +1242,6 @@
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
   font-weight: 500;
-  margin-left: 15px;
   margin-right: auto;
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
@@ -2122,6 +2121,10 @@
 .e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
   text-align: right;
 }
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table tbody td,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table tbody td {
+  padding: 8px 8px 8px 0;
+}
 .e-schedule.e-device .e-month-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
@@ -3155,13 +3158,6 @@
   left: 6px;
   right: auto;
 }
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
-  margin-right: 10px;
-}
 .e-quick-popup-wrapper.e-rtl .e-event-details,
 .e-quick-popup-wrapper.e-rtl .e-event-edit {
   margin-left: 8px;
@@ -3347,6 +3343,10 @@
   display: none;
 }
 
+.e-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  line-height: 1.4;
+}
+
 @media print {
   .e-schedule .e-table-container {
     display: block;

package/styles/schedule/fabric-dark.css

@@ -1167,7 +1167,6 @@
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
   font-weight: 500;
-  margin-left: 15px;
   margin-right: auto;
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
@@ -2047,6 +2046,10 @@
 .e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
   text-align: right;
 }
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table tbody td,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table tbody td {
+  padding: 5px;
+}
 .e-schedule.e-device .e-month-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
@@ -3080,13 +3083,6 @@
   left: 6px;
   right: auto;
 }
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
-  margin-right: 10px;
-}
 .e-quick-popup-wrapper.e-rtl .e-event-details,
 .e-quick-popup-wrapper.e-rtl .e-event-edit {
   margin-left: 8px;
@@ -3272,6 +3268,10 @@
   display: none;
 }
 
+.e-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  line-height: 1.4;
+}
+
 @media print {
   .e-schedule .e-table-container {
     display: block;

package/styles/schedule/fabric.css

@@ -1164,7 +1164,6 @@
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
   font-weight: 500;
-  margin-left: 15px;
   margin-right: auto;
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
@@ -2044,6 +2043,10 @@
 .e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
   text-align: right;
 }
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table tbody td,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table tbody td {
+  padding: 5px;
+}
 .e-schedule.e-device .e-month-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
@@ -3077,13 +3080,6 @@
   left: 6px;
   right: auto;
 }
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
-  margin-right: 10px;
-}
 .e-quick-popup-wrapper.e-rtl .e-event-details,
 .e-quick-popup-wrapper.e-rtl .e-event-edit {
   margin-left: 8px;
@@ -3269,6 +3265,10 @@
   display: none;
 }
 
+.e-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  line-height: 1.4;
+}
+
 @media print {
   .e-schedule .e-table-container {
     display: block;