@syncfusion/ej2-schedule 33.2.3 → 34.1.29

package/styles/recurrence-editor/tailwind3.css

@@ -6,176 +6,6 @@
 
 
 
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-.e-popup.e-ddl {
-  border-radius: calc(var(--e-radius) * 0.25);
-  -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;
-}
-
-
-
-
-
-
-
-
-
 /* Font Family */
 /* border */
 /* 0px */
@@ -564,80 +394,6 @@
   }
 }
 /*! Recurrence-Editor component theme */
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-bigger .e-recurrenceeditor {
   padding: 0;
 }

package/styles/recurrence-editor/tailwind3.scss

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

package/styles/schedule/_all.scss

@@ -1,2 +1,2 @@
-@use 'layout' as *;
-@use 'theme' as *;
+@forward 'layout';
+@forward 'theme';

package/styles/schedule/_bds-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/bds' as *;
-@forward 'ej2-base/styles/definition/bds';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $schedule-skin: $skin-name !default;
 $schedule-header-bg-color: $content-bg-color !default;
 $schedule-header-border-color: $border-light !default;
@@ -372,6 +372,14 @@ $schedule-negative-spacing-6: -6px !default;
 $schedule-negative-spacing-8: -8px !default;
 $schedule-negative-spacing-20: -20px !default;
 
+$schedule-event-badge-height: 18px !default;
+$schedule-event-badge-width-p20: 20% !default;
+$schedule-event-badge-width-p25: 25% !default;
+$schedule-event-badge-border-radius: 3px !default;
+$schedule-event-badge-bg: rgba(228, 230, 232, 1) !default;
+$schedule-event-badge-text-color: rgba(31, 29, 29, 1) !default;
+$schedule-event-badge-border-color: rgba(202, 197, 197, 1) !default;
+
 @mixin tbar-btn-animation {
   content: '';
 }

package/styles/schedule/_bigger.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
 @mixin schedule-inline-appointment-styles {
   background: transparent;
   border: $schedule-border-0;

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

@@ -1,6 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/bootstrap-dark' as *;
-@forward 'ej2-base/styles/definition/bootstrap-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 $schedule-skin: $skin-name !default;
 $schedule-header-bg-color: $grey-base !default;
@@ -371,6 +370,14 @@ $schedule-negative-spacing-6: -6px !default;
 $schedule-negative-spacing-8: -8px !default;
 $schedule-negative-spacing-20: -20px !default;
 
+$schedule-event-badge-height: 18px !default;
+$schedule-event-badge-width-p20: 20% !default;
+$schedule-event-badge-width-p25: 25% !default;
+$schedule-event-badge-border-radius: 3px !default;
+$schedule-event-badge-bg: rgba(228, 230, 232, 1) !default;
+$schedule-event-badge-text-color: rgba(31, 29, 29, 1) !default;
+$schedule-event-badge-border-color: rgba(202, 197, 197, 1) !default;
+
 @mixin tbar-btn-animation {
   content: '';
 }

package/styles/schedule/_bootstrap-definition.scss

@@ -1,6 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/bootstrap' as *;
-@forward 'ej2-base/styles/definition/bootstrap';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 $schedule-skin: $skin-name !default;
 $schedule-header-bg-color: $grey-white !default;
@@ -371,6 +370,14 @@ $schedule-negative-spacing-6: -6px !default;
 $schedule-negative-spacing-8: -8px !default;
 $schedule-negative-spacing-20: -20px !default;
 
+$schedule-event-badge-height: 18px !default;
+$schedule-event-badge-width-p20: 20% !default;
+$schedule-event-badge-width-p25: 25% !default;
+$schedule-event-badge-border-radius: 3px !default;
+$schedule-event-badge-bg: rgba(228, 230, 232, 1) !default;
+$schedule-event-badge-text-color: rgba(31, 29, 29, 1) !default;
+$schedule-event-badge-border-color: rgba(202, 197, 197, 1) !default;
+
 @mixin tbar-btn-animation {
   content: '';
 }

package/styles/schedule/_bootstrap4-definition.scss

@@ -1,6 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/bootstrap4' as *;
-@forward 'ej2-base/styles/definition/bootstrap4';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 $border-type: solid !default;
 $border-size: 1px !default;
@@ -374,6 +373,14 @@ $schedule-negative-spacing-6: -6px !default;
 $schedule-negative-spacing-8: -8px !default;
 $schedule-negative-spacing-20: -20px !default;
 
+$schedule-event-badge-height: 18px !default;
+$schedule-event-badge-width-p20: 20% !default;
+$schedule-event-badge-width-p25: 25% !default;
+$schedule-event-badge-border-radius: 3px !default;
+$schedule-event-badge-bg: rgba(228, 230, 232, 1) !default;
+$schedule-event-badge-text-color: rgba(31, 29, 29, 1) !default;
+$schedule-event-badge-border-color: rgba(202, 197, 197, 1) !default;
+
 @mixin tbar-btn-animation {
   content: '';
 }

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

@@ -1,6 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/bootstrap5-dark' as *;
-@forward 'ej2-base/styles/definition/bootstrap5-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 $schedule-skin: $skin-name !default;
 $schedule-date-navigation-font-size: $text-lg !default;
@@ -376,6 +375,14 @@ $schedule-negative-spacing-6: -6px !default;
 $schedule-negative-spacing-8: -8px !default;
 $schedule-negative-spacing-20: -20px !default;
 
+$schedule-event-badge-height: 18px !default;
+$schedule-event-badge-width-p20: 20% !default;
+$schedule-event-badge-width-p25: 25% !default;
+$schedule-event-badge-border-radius: 3px !default;
+$schedule-event-badge-bg: rgba(228, 230, 232, 1) !default;
+$schedule-event-badge-text-color: rgba(31, 29, 29, 1) !default;
+$schedule-event-badge-border-color: rgba(202, 197, 197, 1) !default;
+
 @mixin tbar-btn-animation {
   content: '';
 }

package/styles/schedule/_bootstrap5-definition.scss

@@ -1,6 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/bootstrap5' as *;
-@forward 'ej2-base/styles/definition/bootstrap5';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 $schedule-skin: $skin-name !default;
 $schedule-date-navigation-font-size: $text-lg !default;
@@ -376,6 +375,14 @@ $schedule-negative-spacing-6: -6px !default;
 $schedule-negative-spacing-8: -8px !default;
 $schedule-negative-spacing-20: -20px !default;
 
+$schedule-event-badge-height: 18px !default;
+$schedule-event-badge-width-p20: 20% !default;
+$schedule-event-badge-width-p25: 25% !default;
+$schedule-event-badge-border-radius: 3px !default;
+$schedule-event-badge-bg: rgba(228, 230, 232, 1) !default;
+$schedule-event-badge-text-color: rgba(31, 29, 29, 1) !default;
+$schedule-event-badge-border-color: rgba(202, 197, 197, 1) !default;
+
 @mixin tbar-btn-animation {
   content: '';
 }

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

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/bootstrap5.3' as *;
-@forward 'ej2-base/styles/definition/bootstrap5.3';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $schedule-skin: $skin-name !default;
 $schedule-date-navigation-font-size: $text-lg !default;
 $schedule-header-nrml-font-size: $text-sm !default;
@@ -45,7 +45,7 @@ $schedule-tbar-hover-font: $secondary-text-color-hover !default;
 $schedule-appointment-details-padding: 0 4px !default;
 $schedule-appointment-bg-color: $primary !default;
 $schedule-appointment-border-color: $border-light !default;
-$schedule-appointment-selected-border: 1px solid rgba($border-light, .5) !default;
+$schedule-appointment-selected-border: 1px solid $primary !default;
 $schedule-appointment-border-radius: $radius-2 !default;
 $schedule-appointment-active-border-color: $icon-color !default;
 $schedule-month-appointment-height: 26px !default;
@@ -124,7 +124,7 @@ $schedule-tbar-down-arrow-margin-top: 2px !default;
 $schedule-tbar-bgr-color: $secondary-bg-color-focus !default;
 $schedule-tbar-bgr-min-height: 54px !default;
 $schedule-tbar-border-bottom-size: 0 !default;
-$schedule-tbar-box-shadow: 0 1px 2px rgba($black, .15) !default;
+$schedule-tbar-box-shadow: 0 1px 2px $border-light !default;
 $schedule-tbar-box-shadow-bottom-margin: 3px !default;
 $schedule-tbar-min-height: 38px !default;
 $schedule-tbar-height: $schedule-tbar-min-height !default;
@@ -225,7 +225,7 @@ $border-type: solid !default;
 $schedule-alternate-cell-border: dotted !default;
 $schedule-header-hover-border-radius: $radius-4 !default;
 $schedule-more-popup-wrapper-border-radius: $radius-6 !default;
-$schedule-box-shadow: 0 1px 0 rgba($black, .15) !default;
+$schedule-box-shadow: none !default;
 $schedule-select-focus-bg-color: $content-bg-color-focus !default;
 $schedule-select-focus-box-shadow: $keyboard-focus-shadow !default;
 $schedule-btn-txt-bgr-padding: 5px 12px !default;
@@ -376,6 +376,14 @@ $schedule-negative-spacing-6: -6px !default;
 $schedule-negative-spacing-8: -8px !default;
 $schedule-negative-spacing-20: -20px !default;
 
+$schedule-event-badge-height: 18px !default;
+$schedule-event-badge-width-p20: 20% !default;
+$schedule-event-badge-width-p25: 25% !default;
+$schedule-event-badge-border-radius: 3px !default;
+$schedule-event-badge-bg: rgba(228, 230, 232, 1) !default;
+$schedule-event-badge-text-color: rgba(31, 29, 29, 1) !default;
+$schedule-event-badge-border-color: rgba(202, 197, 197, 1) !default;
+
 @mixin tbar-btn-animation {
   content: '';
 }

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

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/fabric-dark' as *;
-@forward 'ej2-base/styles/definition/fabric-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $schedule-skin: $skin-name !default;
 $schedule-header-bg-color: $neutral-white !default;
 $schedule-header-border-color: $neutral-light !default;
@@ -369,6 +369,14 @@ $schedule-negative-spacing-6: -6px !default;
 $schedule-negative-spacing-8: -8px !default;
 $schedule-negative-spacing-20: -20px !default;
 
+$schedule-event-badge-height: 18px !default;
+$schedule-event-badge-width-p20: 20% !default;
+$schedule-event-badge-width-p25: 25% !default;
+$schedule-event-badge-border-radius: 3px !default;
+$schedule-event-badge-bg: rgba(228, 230, 232, 1) !default;
+$schedule-event-badge-text-color: rgba(31, 29, 29, 1) !default;
+$schedule-event-badge-border-color: rgba(202, 197, 197, 1) !default;
+
 @mixin tbar-btn-animation {
   content: '';
 }

package/styles/schedule/_fabric-definition.scss

@@ -1,6 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/fabric' as *;
-@forward 'ej2-base/styles/definition/fabric';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 $schedule-skin: $skin-name !default;
 $schedule-header-bg-color: $neutral-white !default;
@@ -371,6 +370,14 @@ $schedule-negative-spacing-6: -6px !default;
 $schedule-negative-spacing-8: -8px !default;
 $schedule-negative-spacing-20: -20px !default;
 
+$schedule-event-badge-height: 18px !default;
+$schedule-event-badge-width-p20: 20% !default;
+$schedule-event-badge-width-p25: 25% !default;
+$schedule-event-badge-border-radius: 3px !default;
+$schedule-event-badge-bg: rgba(228, 230, 232, 1) !default;
+$schedule-event-badge-text-color: rgba(31, 29, 29, 1) !default;
+$schedule-event-badge-border-color: rgba(202, 197, 197, 1) !default;
+
 @mixin tbar-btn-animation {
   content: '';
 }

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

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/fluent-dark' as *;
-@forward 'ej2-base/styles/definition/fluent-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $schedule-skin: $skin-name !default;
 $schedule-header-bg-color: $content-bg-color !default;
 $schedule-header-border-color: $border-light !default;
@@ -374,6 +374,14 @@ $schedule-negative-spacing-6: -6px !default;
 $schedule-negative-spacing-8: -8px !default;
 $schedule-negative-spacing-20: -20px !default;
 
+$schedule-event-badge-height: 18px !default;
+$schedule-event-badge-width-p20: 20% !default;
+$schedule-event-badge-width-p25: 25% !default;
+$schedule-event-badge-border-radius: 3px !default;
+$schedule-event-badge-bg: rgba(228, 230, 232, 1) !default;
+$schedule-event-badge-text-color: rgba(31, 29, 29, 1) !default;
+$schedule-event-badge-border-color: rgba(202, 197, 197, 1) !default;
+
 @mixin tbar-btn-animation {
   content: '';
 }

package/styles/schedule/_fluent-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/fluent' as *;
-@forward 'ej2-base/styles/definition/fluent';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $schedule-skin: $skin-name !default;
 $schedule-header-bg-color: $content-bg-color !default;
 $schedule-header-border-color: $border-light !default;
@@ -374,6 +374,14 @@ $schedule-negative-spacing-6: -6px !default;
 $schedule-negative-spacing-8: -8px !default;
 $schedule-negative-spacing-20: -20px !default;
 
+$schedule-event-badge-height: 18px !default;
+$schedule-event-badge-width-p20: 20% !default;
+$schedule-event-badge-width-p25: 25% !default;
+$schedule-event-badge-border-radius: 3px !default;
+$schedule-event-badge-bg: rgba(228, 230, 232, 1) !default;
+$schedule-event-badge-text-color: rgba(31, 29, 29, 1) !default;
+$schedule-event-badge-border-color: rgba(202, 197, 197, 1) !default;
+
 @mixin tbar-btn-animation {
   content: '';
 }

package/styles/schedule/_fluent2-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/fluent2' as *;
-@forward 'ej2-base/styles/definition/fluent2';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $schedule-skin: $skin-name !default;
 $schedule-header-bg-color: $content-bg-color-alt1 !default;
 $schedule-header-border-color: $border-light !default;
@@ -374,6 +374,14 @@ $schedule-negative-spacing-6: -6px !default;
 $schedule-negative-spacing-8: -8px !default;
 $schedule-negative-spacing-20: -20px !default;
 
+$schedule-event-badge-height: 18px !default;
+$schedule-event-badge-width-p20: 20% !default;
+$schedule-event-badge-width-p25: 25% !default;
+$schedule-event-badge-border-radius: 3px !default;
+$schedule-event-badge-bg: rgba(228, 230, 232, 1) !default;
+$schedule-event-badge-text-color: rgba(31, 29, 29, 1) !default;
+$schedule-event-badge-border-color: rgba(202, 197, 197, 1) !default;
+
 @mixin tbar-btn-animation {
   content: '';
 }

package/styles/schedule/_fusionnew-definition.scss

@@ -372,6 +372,14 @@ $schedule-negative-spacing-6: -6px !default;
 $schedule-negative-spacing-8: -8px !default;
 $schedule-negative-spacing-20: -20px !default;
 
+$schedule-event-badge-height: 18px !default;
+$schedule-event-badge-width-p20: 20% !default;
+$schedule-event-badge-width-p25: 25% !default;
+$schedule-event-badge-border-radius: 3px !default;
+$schedule-event-badge-bg: rgba(228, 230, 232, 1) !default;
+$schedule-event-badge-text-color: rgba(31, 29, 29, 1) !default;
+$schedule-event-badge-border-color: rgba(202, 197, 197, 1) !default;
+
 @mixin tbar-btn-animation {
   content: '';
 }

package/styles/schedule/_highcontrast-definition.scss

@@ -1,6 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/highcontrast' as *;
-@forward 'ej2-base/styles/definition/highcontrast';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 $schedule-skin: $skin-name !default;
 $schedule-header-bg-color: $bg-base-0 !default;
@@ -371,6 +370,14 @@ $schedule-negative-spacing-6: -6px !default;
 $schedule-negative-spacing-8: -8px !default;
 $schedule-negative-spacing-20: -20px !default;
 
+$schedule-event-badge-height: 18px !default;
+$schedule-event-badge-width-p20: 20% !default;
+$schedule-event-badge-width-p25: 25% !default;
+$schedule-event-badge-border-radius: 3px !default;
+$schedule-event-badge-bg: rgba(228, 230, 232, 1) !default;
+$schedule-event-badge-text-color: rgba(31, 29, 29, 1) !default;
+$schedule-event-badge-border-color: rgba(202, 197, 197, 1) !default;
+
 @mixin tbar-btn-animation {
   content: '';
 }

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

@@ -1,6 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/highcontrast-light' as *;
-@forward 'ej2-base/styles/definition/highcontrast-light';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 $schedule-skin: $skin-name !default;
 $schedule-header-bg-color: $bg-base-0 !default;
@@ -371,6 +370,14 @@ $schedule-negative-spacing-6: -6px !default;
 $schedule-negative-spacing-8: -8px !default;
 $schedule-negative-spacing-20: -20px !default;
 
+$schedule-event-badge-height: 18px !default;
+$schedule-event-badge-width-p20: 20% !default;
+$schedule-event-badge-width-p25: 25% !default;
+$schedule-event-badge-border-radius: 3px !default;
+$schedule-event-badge-bg: rgba(228, 230, 232, 1) !default;
+$schedule-event-badge-text-color: rgba(31, 29, 29, 1) !default;
+$schedule-event-badge-border-color: rgba(202, 197, 197, 1) !default;
+
 @mixin tbar-btn-animation {
   content: '';
 }