@syncfusion/ej2-schedule 33.2.3 → 34.1.29

package/styles/fluent-lite.css

@@ -1,127 +1,3 @@
-/*! TreeView's bootstrap5 theme wise override definitions and variables */
-/* stylelint-disable */
-/* stylelint-disable property-no-vendor-prefix */
-/*! calendar bootstrap5 theme variables */
-.e-popup.e-ddl {
-  border-radius: 4px;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  margin-top: 1px;
-}
-.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: #fff;
-}
-
-.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: none;
-  color: #605e5c;
-}
-
-.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: #605e5c;
-}
-
-.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: none;
-  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: #fff;
-}
-
-.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 14px;
-}
-
-.e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
-  line-height: 30px;
-  top: 0;
-}
-
-.e-multiselect .e-input-group-icon.e-ddl-icon {
-  border-radius: 0 4px 4px 0;
-  border-right-width: 0;
-}
-
-.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
-  border-left-width: 0;
-  border-radius: 4px 0 0 4px;
-  border-right-width: 1px;
-}
-
-.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  height: 32px;
-  width: 32px;
-}
-
-.e-multi-select-wrapper .e-searcher input[type=text],
-.e-multi-select-wrapper .e-multi-searcher input[type=text] {
-  color: #201f1e;
-  height: 100%;
-}
-
-.e-multiselect .e-input-group-icon.e-ddl-icon {
-  border-left-width: 0;
-}
-
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e765";
 }
@@ -1130,6 +1006,49 @@
 .e-schedule .e-vertical-view .e-day-wrapper .e-appointment:not(.e-schedule-event-clone) {
   cursor: default;
 }
+.e-schedule .e-vertical-view .e-day-wrapper .e-event-indicator-badge {
+  height: 18px;
+  width: 20%;
+  position: absolute;
+  border-radius: 3px;
+  top: 0;
+  background: rgb(228, 230, 232);
+  color: rgb(31, 29, 29);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  border: 1px solid rgb(202, 197, 197);
+  font-size: 12px;
+  font-weight: 500;
+  cursor: pointer;
+  -webkit-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+  white-space: normal;
+  word-break: break-all;
+  text-align: center;
+}
+.e-schedule .e-vertical-view .e-day-wrapper .e-event-indicator-badge.e-hidden {
+  display: none;
+}
+.e-schedule .e-vertical-view .e-event-indicator-badge:focus {
+  -webkit-box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+}
+.e-schedule .e-vertical-view .e-event-indicator-badge:hover {
+  -webkit-box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+}
+.e-schedule .e-vertical-view {
+  /* Responsive styles for event indicator badge */
+}
+@media screen and (max-width: 400px) {
+  .e-schedule .e-vertical-view .e-event-indicator-badge {
+    width: 25%;
+  }
+}
 .e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
   background: #0078d4;
   border: 1px solid #edebe9;

package/styles/fluent-lite.scss

@@ -1,19 +1,5 @@
-@use 'ej2-base/styles/definition/fluent' as *;
-@use 'ej2-navigations/styles/toolbar/fluent-definition' as *;
-@use 'ej2-navigations/styles/treeview/fluent-definition' as *;
-@use 'ej2-inputs/styles/input/fluent-definition' as *;
-@use 'ej2-inputs/styles/numerictextbox/fluent-definition' as *;
-@use 'ej2-calendars/styles/calendar/fluent-definition' as *;
-@use 'ej2-calendars/styles/datepicker/fluent-definition' as *;
-@use 'ej2-calendars/styles/datetimepicker/fluent-definition' as *;
-@use 'ej2-dropdowns/styles/drop-down-list/fluent-definition' as *;
-@use 'ej2-dropdowns/styles/multi-select/fluent-definition' as *;
-@use 'ej2-buttons/styles/button/fluent-definition' as *;
-@use 'ej2-buttons/styles/check-box/fluent-definition' as *;
-@use 'recurrence-editor/fluent-definition' as *;
-@use 'ej2-navigations/styles/sidebar/fluent-definition' as *;
 @use 'schedule/fluent-definition' as *;
 @use 'schedule/icons/fluent' as *;
-@use 'schedule/all.fluent' as *;
-@use 'ej2-buttons/styles/radio-button/fluent-definition' as *;
-@use 'recurrence-editor/all.fluent' as *;
+@use 'schedule/all' as *;
+@use 'recurrence-editor/fluent-definition' as *;
+@use 'recurrence-editor/all' as *;

package/styles/fluent.css

@@ -1,127 +1,3 @@
-/*! TreeView's bootstrap5 theme wise override definitions and variables */
-/* stylelint-disable */
-/* stylelint-disable property-no-vendor-prefix */
-/*! calendar bootstrap5 theme variables */
-.e-popup.e-ddl {
-  border-radius: 4px;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  margin-top: 1px;
-}
-.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: #fff;
-}
-
-.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: none;
-  color: #605e5c;
-}
-
-.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: #605e5c;
-}
-
-.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: none;
-  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: #fff;
-}
-
-.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 14px;
-}
-
-.e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
-  line-height: 30px;
-  top: 0;
-}
-
-.e-multiselect .e-input-group-icon.e-ddl-icon {
-  border-radius: 0 4px 4px 0;
-  border-right-width: 0;
-}
-
-.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
-  border-left-width: 0;
-  border-radius: 4px 0 0 4px;
-  border-right-width: 1px;
-}
-
-.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  height: 32px;
-  width: 32px;
-}
-
-.e-multi-select-wrapper .e-searcher input[type=text],
-.e-multi-select-wrapper .e-multi-searcher input[type=text] {
-  color: #201f1e;
-  height: 100%;
-}
-
-.e-multiselect .e-input-group-icon.e-ddl-icon {
-  border-left-width: 0;
-}
-
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e765";
 }
@@ -1130,6 +1006,49 @@
 .e-schedule .e-vertical-view .e-day-wrapper .e-appointment:not(.e-schedule-event-clone) {
   cursor: default;
 }
+.e-schedule .e-vertical-view .e-day-wrapper .e-event-indicator-badge {
+  height: 18px;
+  width: 20%;
+  position: absolute;
+  border-radius: 3px;
+  top: 0;
+  background: rgb(228, 230, 232);
+  color: rgb(31, 29, 29);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  border: 1px solid rgb(202, 197, 197);
+  font-size: 12px;
+  font-weight: 500;
+  cursor: pointer;
+  -webkit-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+  white-space: normal;
+  word-break: break-all;
+  text-align: center;
+}
+.e-schedule .e-vertical-view .e-day-wrapper .e-event-indicator-badge.e-hidden {
+  display: none;
+}
+.e-schedule .e-vertical-view .e-event-indicator-badge:focus {
+  -webkit-box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+}
+.e-schedule .e-vertical-view .e-event-indicator-badge:hover {
+  -webkit-box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+}
+.e-schedule .e-vertical-view {
+  /* Responsive styles for event indicator badge */
+}
+@media screen and (max-width: 400px) {
+  .e-schedule .e-vertical-view .e-event-indicator-badge {
+    width: 25%;
+  }
+}
 .e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
   background: #0078d4;
   border: 1px solid #edebe9;

package/styles/fluent.scss

@@ -1,21 +1,7 @@
-@use 'ej2-base/styles/definition/fluent' as *;
-@use 'ej2-navigations/styles/toolbar/fluent-definition' as *;
-@use 'ej2-navigations/styles/treeview/fluent-definition' as *;
-@use 'ej2-inputs/styles/input/fluent-definition' as *;
-@use 'ej2-inputs/styles/numerictextbox/fluent-definition' as *;
-@use 'ej2-calendars/styles/calendar/fluent-definition' as *;
-@use 'ej2-calendars/styles/datepicker/fluent-definition' as *;
-@use 'ej2-calendars/styles/datetimepicker/fluent-definition' as *;
-@use 'ej2-dropdowns/styles/drop-down-list/fluent-definition' as *;
-@use 'ej2-dropdowns/styles/multi-select/fluent-definition' as *;
-@use 'ej2-buttons/styles/button/fluent-definition' as *;
-@use 'ej2-buttons/styles/check-box/fluent-definition' as *;
-@use 'recurrence-editor/fluent-definition' as *;
-@use 'ej2-navigations/styles/sidebar/fluent-definition' as *;
 @use 'schedule/fluent-definition' as *;
 @use 'schedule/icons/fluent' as *;
-@use 'schedule/all.fluent' as *;
-@use 'schedule/bigger.fluent' as *;
-@use 'ej2-buttons/styles/radio-button/fluent-definition' as *;
-@use 'recurrence-editor/all.fluent' as *;
-@use 'recurrence-editor/bigger.fluent' as *;
+@use 'schedule/all' as *;
+@use 'schedule/bigger' as *;
+@use 'recurrence-editor/fluent-definition' as *;
+@use 'recurrence-editor/all' as *;
+@use 'recurrence-editor/bigger' as *;