@syncfusion/ej2-schedule 27.2.5 → 28.1.33

package/styles/recurrence-editor/tailwind3.css

@@ -0,0 +1,500 @@
+
+
+
+
+.e-popup.e-ddl {
+  border-radius: 4px;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  margin-top: 3px;
+}
+.e-popup.e-ddl .e-input-group {
+  width: auto;
+}
+.e-popup.e-ddl .e-input-group input {
+  line-height: 15px;
+}
+
+.e-popup.e-ddl .e-dropdownbase {
+  min-height: 26px;
+}
+
+.e-popup.e-ddl .e-filter-parent .e-input-group {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: auto;
+}
+.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
+  border: 0;
+}
+
+.e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
+.e-float-input.e-control-wrapper.e-ddl input[readonly] {
+  background: transparent;
+}
+
+.e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
+.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
+  background: var(--color-sf-content-bg-color-alt2);
+}
+
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
+.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
+.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
+  background: transparent;
+  color: var(--color-sf-icon-color);
+}
+
+.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: var(--color-sf-icon-color);
+}
+
+.e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
+  background: var(--color-sf-content-bg-color-alt2);
+}
+
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
+.e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
+.e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
+  border: 0;
+}
+
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
+.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
+  background: transparent;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  position: relative;
+}
+
+.e-ddl.e-popup .e-filter-parent .e-input-group,
+.e-ddl.e-popup .e-filter-parent {
+  background: var(--color-sf-content-bg-color);
+}
+
+.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 14px;
+}
+
+.e-recurrenceeditor .e-editor {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: row wrap;
+          flex-flow: row wrap;
+  margin: 0 auto;
+  max-width: 1240px;
+}
+.e-recurrenceeditor .e-recurrence-table {
+  table-layout: fixed;
+  width: 100%;
+}
+.e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
+  width: 27%;
+}
+.e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
+  width: 24%;
+}
+.e-recurrenceeditor .e-recurrence-table .e-repeat-content {
+  display: inline-block;
+  font-weight: normal;
+  padding: 18px 0 0 8px;
+}
+.e-recurrenceeditor .e-recurrence-table .e-input-wrapper {
+  float: none;
+  width: 100%;
+}
+.e-recurrenceeditor .e-recurrence-table .e-week-position {
+  min-width: 98px;
+  position: relative;
+  right: 20px;
+}
+.e-recurrenceeditor .e-recurrence-table .e-day-position {
+  min-width: 120px;
+}
+.e-recurrenceeditor .e-recurrence-table .e-monthday-element {
+  padding-left: 10px;
+}
+.e-recurrenceeditor .e-input-wrapper-side.e-form-left {
+  padding: 0 8px 16px 0;
+}
+.e-recurrenceeditor .e-form-left {
+  padding: 0 8px 16px 0;
+}
+.e-recurrenceeditor .e-form-right,
+.e-recurrenceeditor .e-input-wrapper-side.e-form-right {
+  padding: 0 0 10px;
+}
+.e-recurrenceeditor .e-input-wrapper {
+  float: left;
+  width: 50%;
+}
+.e-recurrenceeditor .e-input-wrapper div {
+  margin-bottom: 2.5%;
+}
+.e-recurrenceeditor .e-input-wrapper.e-end-on-date,
+.e-recurrenceeditor .e-input-wrapper.e-end-on-count {
+  padding-right: 0;
+  margin-top: 24px;
+}
+.e-recurrenceeditor.e-rtl .e-end-on > div,
+.e-recurrenceeditor.e-rtl .e-month-expander > div > div {
+  float: right;
+}
+.e-recurrenceeditor.e-rtl .e-form-left,
+.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
+  padding: 0 0 10px 8px;
+}
+.e-recurrenceeditor.e-rtl .e-form-right,
+.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
+  padding: 0 8px 10px 0;
+}
+.e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
+  position: relative;
+  right: 10px;
+}
+.e-recurrenceeditor.e-rtl .e-week-position {
+  left: 20px;
+  right: 0;
+}
+.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
+.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+  padding-right: 0;
+}
+.e-recurrenceeditor.e-rtl .e-end-on-label {
+  margin-bottom: 5px;
+}
+.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding: 0 0 0 8px;
+}
+.e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
+.e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
+  padding: 0 8px 0 0;
+}
+.e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
+  width: 30px;
+}
+.e-recurrenceeditor .e-days .e-week-expander-label {
+  font-size: 12px;
+  font-weight: 500;
+  margin-bottom: 8px;
+}
+.e-recurrenceeditor .e-days button {
+  border-radius: 50%;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: row wrap;
+          flex-flow: row wrap;
+  height: 35px;
+  margin: 0 8px 10px;
+  width: 35px;
+}
+.e-recurrenceeditor .e-hide-recurrence-element {
+  display: none;
+}
+.e-recurrenceeditor .e-half-space {
+  width: 20%;
+}
+.e-recurrenceeditor .e-year-expander {
+  margin-bottom: 11px;
+}
+.e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
+  padding-bottom: 11px;
+}
+.e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
+  padding-top: 3px;
+}
+.e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
+  display: none;
+}
+.e-recurrenceeditor .e-input-wrapper-side {
+  float: left;
+  padding: 16px 20px 0;
+  width: 50%;
+}
+.e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding-right: 16px;
+}
+.e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-input-wrapper {
+  margin: 0;
+}
+.e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+  font-size: 12px;
+  font-weight: 500;
+  margin-bottom: 6px;
+  padding-right: 16px;
+}
+.e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
+  padding-bottom: 6px;
+}
+.e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
+  padding-bottom: 12px;
+}
+.e-recurrenceeditor .e-input-wrapper-side.e-form-right {
+  margin-bottom: 11px;
+}
+
+.e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
+  width: 25%;
+}
+.e-device .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
+  width: 20%;
+}
+.e-device .e-recurrenceeditor .e-week-expander-label {
+  margin-bottom: 6px;
+}
+.e-device .e-recurrenceeditor .e-month-expander-label {
+  font-size: 12px;
+  margin-bottom: 5px;
+}
+.e-device .e-recurrenceeditor .e-footer-content {
+  padding: 12px;
+}
+.e-device .e-recurrenceeditor .e-form-left,
+.e-device .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
+  padding: 0 3px 10px 0;
+}
+.e-device .e-recurrenceeditor .e-form-right,
+.e-device .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
+  padding: 0 0 10px 3px;
+}
+.e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
+.e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
+  padding: 0 0 0 10px;
+}
+.e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding-right: 10px;
+}
+.e-device .e-recurrenceeditor.e-end-on {
+  padding-right: 0;
+}
+.e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
+  float: none;
+  font-size: 12px;
+  font-weight: 500;
+  margin-bottom: 7px;
+}
+.e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
+  padding-right: 0;
+}
+.e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element,
+.e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
+  padding-left: 20px;
+}
+.e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
+  margin-left: 20px;
+}
+.e-device .e-recurrenceeditor .e-week-position {
+  right: 0;
+  padding-right: 10px;
+}
+.e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding-right: 0;
+}
+.e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
+.e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
+  padding: 0 10px 0 0;
+}
+.e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
+  padding: 0 20px 0 0;
+}
+.e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
+  padding: 0 50px 0 0;
+}
+.e-device .e-recurrenceeditor.e-rtl .e-week-position {
+  left: 0;
+}
+.e-device.e-recurrence-dialog .e-dlg-header-content {
+  background: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  padding-bottom: 10px;
+}
+.e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
+  margin-bottom: 7px;
+}
+.e-device.e-recurrence-dialog .e-footer-content {
+  padding: 16px 8px;
+}
+
+@media (max-width: 1024px) {
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
+    width: 100%;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
+    width: 65%;
+  }
+}
+@media (max-width: 580px) {
+  .e-recurrenceeditor {
+    margin-left: auto;
+    margin-right: auto;
+    width: 100%;
+  }
+  .e-recurrenceeditor .e-editor {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+  }
+  .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left {
+    margin-top: 0;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
+    margin-bottom: 6px;
+  }
+  .e-recurrenceeditor .e-editor > div {
+    margin-top: 20px;
+  }
+  .e-recurrenceeditor .e-editor > .e-input-wrapper {
+    width: 100%;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
+    width: 100%;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-input-wrapper {
+    width: 50%;
+  }
+  .e-recurrenceeditor .e-editor .e-form-left,
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left {
+    padding: 0 0 10px;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date,
+  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
+    padding: 0 0 0 10px;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left {
+    padding-right: 10px;
+  }
+  .e-recurrenceeditor .e-editor .e-form-right,
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right {
+    padding-left: 0;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-days {
+    width: 100%;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
+    width: 65%;
+  }
+  .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
+    padding-left: 50px;
+  }
+  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
+    padding-right: 0;
+  }
+  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
+  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
+    padding: 0 10px 0 0;
+  }
+}
+/*! Recurrence-Editor component theme */
+.e-bigger .e-recurrenceeditor {
+  padding: 0;
+}
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
+  padding: 0 12px 11px 0;
+}
+.e-bigger .e-recurrenceeditor .e-form-left {
+  padding: 0 12px 14px 0;
+}
+.e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
+  padding-left: 50px;
+}
+.e-bigger .e-recurrenceeditor .e-week-position {
+  min-width: 130px;
+  right: 0;
+}
+.e-bigger .e-recurrenceeditor .e-day-position {
+  min-width: 190px;
+  padding-left: 54px;
+}
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+  font-size: 16px;
+  margin-bottom: 0;
+  font-weight: 500;
+}
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding-right: 16px;
+}
+.e-bigger .e-recurrenceeditor .e-end-on-label {
+  margin-bottom: 0;
+}
+.e-bigger .e-recurrenceeditor .e-days .e-week-expander-label {
+  font-size: 16px;
+  margin-bottom: 8px;
+}
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
+  font-size: 16px;
+  margin-bottom: 1px;
+}
+.e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
+.e-bigger .e-recurrenceeditor .e-year-expander {
+  margin-bottom: 11px;
+}
+.e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
+  width: 30px;
+}
+.e-bigger .e-recurrenceeditor .e-days button {
+  height: 40px;
+  width: 40px;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-form-left,
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
+  padding: 0 0 10px 12px;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-form-right,
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
+  padding: 0 12px 10px 0;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
+.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
+  padding: 0 64px 0 0;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+  padding-right: 0;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-end-on-label {
+  margin-bottom: 5px;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding: 0 0 0 12px;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
+  padding: 0 12px 0 0;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
+  left: 0;
+}
+.e-bigger .e-device .e-recurrence-table .e-monthday-element {
+  padding-left: 20px;
+}
+.e-bigger .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
+  padding: 0 20px 0 0;
+}

package/styles/recurrence-editor/tailwind3.scss

@@ -0,0 +1,9 @@
+@import 'ej2-base/styles/definition/tailwind3.scss';
+@import 'ej2-inputs/styles/numerictextbox/tailwind3-definition.scss';
+@import 'ej2-buttons/styles/button/tailwind3-definition.scss';
+@import 'ej2-buttons/styles/radio-button/tailwind3-definition.scss';
+@import 'ej2-calendars/styles/datepicker/tailwind3-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/tailwind3-definition.scss';
+@import 'tailwind3-definition.scss';
+@import 'all.scss';
+@import 'bigger.scss';

package/styles/schedule/_bigger.scss

@@ -415,7 +415,8 @@
     .e-appointment {
       padding: $schedule-agenda-big-appointment-padding;
     }
-    .e-subject {
+    .e-subject,
+    .e-inline-subject  {
       font-size: 16px;
     }
 

package/styles/schedule/_bootstrap5-definition.scss

@@ -260,7 +260,7 @@ $schedule-more-event-close-icon-font-size: $text-sm !default;
 $schedule-tbar-btn-icn-right-bgr-padding-top: 3px !default;
 $schedule-following-events-dlg-padding: 12px !default;
 $schedule-header-icon-wrapper-bg-color: $schedule-content-bg-color !default;
-$schedule-bgr-date-time-icon-padding-right: 16px !default;
+$schedule-bgr-date-time-icon-padding-right: 10px !default;
 $schedule-bgr-more-event-close-icon-padding: unset !default;
 $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
 $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default;

package/styles/schedule/_bootstrap5.3-definition.scss

@@ -262,7 +262,7 @@ $schedule-more-event-close-icon-font-size: $text-sm !default;
 $schedule-tbar-btn-icn-right-bgr-padding-top: 3px !default;
 $schedule-following-events-dlg-padding: 12px !default;
 $schedule-header-icon-wrapper-bg-color: $schedule-content-bg-color !default;
-$schedule-bgr-date-time-icon-padding-right: 16px !default;
+$schedule-bgr-date-time-icon-padding-right: 10px !default;
 $schedule-bgr-more-event-close-icon-padding: unset !default;
 $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
 $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default;

package/styles/schedule/_fluent2-definition.scss

@@ -26,7 +26,7 @@ $border-type: solid !default;
 $schedule-current-day-active-color: $schedule-active-color !default;
 $schedule-time-cells-font-color: $schedule-secondary-content-font-color !default;
 $schedule-alternate-cell-border: dotted !default;
-$schedule-header-cells-padding: 8px 8px 0 !default;
+$schedule-header-cells-padding: 4px !default;
 $schedule-agenda-big-appointment-padding: 7px 16px !default;
 $schedule-header-cells-height: 60px !default;
 $schedule-header-cells-width: 36px !default;
@@ -137,7 +137,7 @@ $schedule-tbar-btn-bgr-minheight: 24px !default;
 $schedule-tbar-btn-bgr-minwidth: 24px !default;
 $schedule-tbar-btn-bgr-padding: 0 12px !default;
 $schedule-tbar-btn-icn-bgr-padding: 4px 6px !default;
-$schedule-tbar-btn-icn-right-bgr-padding: 3px 0 0 12px !default;
+$schedule-tbar-btn-icn-right-bgr-padding: 4px 6px 6px !default;
 $schedule-tbar-right-items-btn-border: none !default;
 $schedule-tbar-right-items-btn-border-radius: 4px !default;
 $schedule-tbar-right-active-items-btn-border: none !default;
@@ -261,7 +261,7 @@ $schedule-more-event-close-icon-font-size: $text-sm !default;
 $schedule-tbar-btn-icn-right-bgr-padding-top: 3px !default;
 $schedule-following-events-dlg-padding: 8px 18px !default;
 $schedule-header-icon-wrapper-bg-color: $schedule-content-bg-color !default;
-$schedule-bgr-date-time-icon-padding-right: 16px !default;
+$schedule-bgr-date-time-icon-padding-right: 12px !default;
 $schedule-bgr-more-event-close-icon-padding: 1px !default;
 $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
 

package/styles/schedule/_layout.scss

@@ -45,6 +45,24 @@
   width: 75px;
 }
 
+@mixin schedule-agenda-interaction-color($color) {
+  @if $skin-name == 'fluent2' {
+    .e-subject,
+    .e-date-time,
+    .e-recurrence-icon {
+      color: $color;
+    }
+  }
+}
+
+@mixin schedule-agenda-focus-color($color) {
+  @if $skin-name == 'fluent2' {
+    &:focus {
+      @include schedule-agenda-interaction-color($color);
+    }
+  }
+}
+
 @include export-module('schedule-layout') {
   .e-schedule {
     display: block;
@@ -1278,6 +1296,18 @@
       }
     }
 
+    .e-clipboard {
+      cursor: default;
+      height: 1px;
+      left: -1000px;
+      position: fixed;
+      resize: none;
+      top: -1000px;
+      width: 1px;
+      overflow: hidden;
+      opacity: 0;
+    }
+
     .e-month-view {
       .e-content-wrap table tr:last-child td {
         border-bottom-width: 0;
@@ -2318,13 +2348,15 @@
 
         &:hover {
           background: $schedule-hover-bg-color;
+          @include schedule-agenda-interaction-color($schedule-hover-font-color);
         }
 
         &.e-appointment-border,
         &:focus {
           background: $schedule-select-bg-color;
         }
-        
+
+        @include schedule-agenda-focus-color($schedule-select-font-color);
         &.e-template {
           display: inline-flex;
           flex-direction: row-reverse;
@@ -2531,7 +2563,8 @@
         }
       }
 
-      .e-subject {
+      .e-subject,
+      .e-inline-subject {
         color: $schedule-primary-content-font-color;
         font-size: 14px;
         line-height: 23px;
@@ -2539,6 +2572,11 @@
         text-overflow: ellipsis;
       }
 
+      .e-inline-subject {
+        font-weight: normal;
+        padding-top: 0;
+      }
+
       .e-resource-name {
         color: $schedule-primary-content-font-color;
         font-size: $schedule-header-day-nrml-font-size;
@@ -2589,6 +2627,7 @@
 
         &:hover {
           background: $schedule-hover-bg-color;
+          @include schedule-agenda-interaction-color($schedule-hover-font-color);
         }
 
         &.e-appointment-border,
@@ -2596,6 +2635,7 @@
           background: $schedule-select-bg-color;
         }
 
+        @include schedule-agenda-focus-color($schedule-select-font-color);
         &.e-template {
           display: inline-flex;
           flex-direction: row-reverse;
@@ -3754,6 +3794,7 @@
     margin: 0;
     max-width: 100%;
     overflow: hidden;
+    position: fixed;
     right: 0;
     top: 0;
     width: 100%;

package/styles/schedule/_material3-definition.scss

@@ -263,7 +263,7 @@ $schedule-more-event-close-icon-font-size: 18px !default;
 $schedule-tbar-btn-icn-right-bgr-padding-top: 0 !default;
 $schedule-following-events-dlg-padding: 8px !default;
 $schedule-header-icon-wrapper-bg-color: unset !default;
-$schedule-bgr-date-time-icon-padding-right: 13px !default;
+$schedule-bgr-date-time-icon-padding-right: 8px !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/_tailwind-definition.scss

@@ -259,7 +259,7 @@ $schedule-more-event-close-icon-font-size: $text-sm !default;
 $schedule-tbar-btn-icn-right-bgr-padding-top: 3px !default;
 $schedule-following-events-dlg-padding: 8px 18px !default;
 $schedule-header-icon-wrapper-bg-color: $schedule-content-bg-color !default;
-$schedule-bgr-date-time-icon-padding-right: 16px !default;
+$schedule-bgr-date-time-icon-padding-right: 10px !default;
 $schedule-bgr-more-event-close-icon-padding: 1px !default;
 $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;