@syncfusion/ej2-angular-calendars 21.2.10 → 22.1.34-ngcc

package/styles/calendar/bootstrap-dark.css

@@ -158,7 +158,7 @@ ejs-calendar {
 .e-calendar .e-content td.e-other-month > span.e-day, .e-calendar .e-content td.e-other-year > span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-other-month > span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-other-year > span.e-day {
-  display: block;
+  display: inline-block;
   font-weight: normal;
 }
 .e-calendar .e-content tr.e-month-hide,
@@ -484,6 +484,7 @@ ejs-calendar {
   max-width: 262px;
   min-width: 256px;
   padding: 10px;
+  min-height: 220px;
 }
 .e-small.e-calendar.e-calendar-day-header-lg,
 .e-small .e-calendar.e-calendar-day-header-lg {
@@ -767,9 +768,9 @@ ejs-calendar {
 .e-calendar .e-content td:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
   background-color: #484848;
+  color: #f0f0f0;
   border: none;
   border-radius: 4px;
-  color: #f0f0f0;
 }
 .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,

package/styles/calendar/bootstrap-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/bootstrap-dark.scss';

package/styles/calendar/bootstrap.css

@@ -485,6 +485,7 @@ ejs-calendar {
   max-width: 262px;
   min-width: 256px;
   padding: 10px;
+  min-height: 220px;
 }
 .e-small.e-calendar.e-calendar-day-header-lg,
 .e-small .e-calendar.e-calendar-day-header-lg {
@@ -768,9 +769,9 @@ ejs-calendar {
 .e-calendar .e-content td:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
   background-color: #e6e6e6;
+  color: #333;
   border: none;
   border-radius: 4px;
-  color: #333;
 }
 .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,

package/styles/calendar/bootstrap.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/bootstrap.scss';

package/styles/calendar/bootstrap4.css

@@ -368,7 +368,7 @@ ejs-calendar {
 .e-bigger.e-calendar,
 *.e-bigger .e-calendar {
   max-width: 310px;
-  min-width: 306px;
+  min-width: 300px;
   padding: 0;
 }
 .e-bigger.e-calendar.e-calendar-day-header-lg,
@@ -485,6 +485,7 @@ ejs-calendar {
   max-width: 262px;
   min-width: 256px;
   padding: 0;
+  min-height: 220px;
 }
 .e-small.e-calendar.e-calendar-day-header-lg,
 .e-small .e-calendar.e-calendar-day-header-lg {
@@ -768,9 +769,9 @@ ejs-calendar {
 .e-calendar .e-content td:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
   background-color: #f2f4f6;
+  color: #212529;
   border: none;
   border-radius: 4px;
-  color: #212529;
 }
 .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,

package/styles/calendar/bootstrap4.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/bootstrap4.scss';

package/styles/calendar/bootstrap5-dark.css

@@ -509,6 +509,7 @@ ejs-calendar {
   max-width: 200px;
   min-width: 200px;
   padding: 0;
+  min-height: 220px;
 }
 .e-small.e-calendar.e-calendar-day-header-lg,
 .e-small .e-calendar.e-calendar-day-header-lg {
@@ -805,9 +806,9 @@ ejs-calendar {
 .e-calendar .e-content td:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
   background-color: #31373d;
+  color: #fff;
   border: none;
   border-radius: 4px;
-  color: #fff;
 }
 .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,

package/styles/calendar/bootstrap5-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/bootstrap5-dark.scss';

package/styles/calendar/bootstrap5.css

@@ -509,6 +509,7 @@ ejs-calendar {
   max-width: 200px;
   min-width: 200px;
   padding: 0;
+  min-height: 220px;
 }
 .e-small.e-calendar.e-calendar-day-header-lg,
 .e-small .e-calendar.e-calendar-day-header-lg {
@@ -805,9 +806,9 @@ ejs-calendar {
 .e-calendar .e-content td:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
   background-color: #e9ecef;
+  color: #212529;
   border: none;
   border-radius: 4px;
-  color: #212529;
 }
 .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,

package/styles/calendar/bootstrap5.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/bootstrap5.scss';

package/styles/calendar/fabric-dark.css

@@ -494,6 +494,7 @@ ejs-calendar {
   max-width: 232px;
   min-width: 232px;
   padding: 0;
+  min-height: 220px;
 }
 .e-small.e-calendar.e-calendar-day-header-lg,
 .e-small .e-calendar.e-calendar-day-header-lg {
@@ -773,9 +774,9 @@ ejs-calendar {
 .e-calendar .e-content td:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
   background-color: #414040;
+  color: #dadada;
   border: none;
   border-radius: 0;
-  color: #dadada;
 }
 .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,

package/styles/calendar/fabric-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/fabric-dark.scss';

package/styles/calendar/fabric.css

@@ -495,6 +495,7 @@ ejs-calendar {
   max-width: 232px;
   min-width: 232px;
   padding: 0;
+  min-height: 220px;
 }
 .e-small.e-calendar.e-calendar-day-header-lg,
 .e-small .e-calendar.e-calendar-day-header-lg {
@@ -778,9 +779,9 @@ ejs-calendar {
 .e-calendar .e-content td:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
   background-color: #deecf9;
+  color: #333;
   border: none;
   border-radius: 0;
-  color: #333;
 }
 .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,

package/styles/calendar/fabric.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/fabric.scss';

package/styles/calendar/fluent-dark.css

@@ -508,6 +508,7 @@ ejs-calendar {
   max-width: 194px;
   min-width: 194px;
   padding: 0;
+  min-height: 220px;
 }
 .e-small.e-calendar.e-calendar-day-header-lg,
 .e-small .e-calendar.e-calendar-day-header-lg {
@@ -817,9 +818,9 @@ ejs-calendar {
 .e-calendar .e-content td:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
   background-color: #3b3a39;
+  color: #f3f2f1;
   border: none;
   border-radius: 0;
-  color: #f3f2f1;
   border-radius: 50%;
 }
 .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,

package/styles/calendar/fluent-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/fluent-dark.scss';

package/styles/calendar/fluent.css

@@ -508,6 +508,7 @@ ejs-calendar {
   max-width: 194px;
   min-width: 194px;
   padding: 0;
+  min-height: 220px;
 }
 .e-small.e-calendar.e-calendar-day-header-lg,
 .e-small .e-calendar.e-calendar-day-header-lg {
@@ -817,9 +818,9 @@ ejs-calendar {
 .e-calendar .e-content td:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
   background-color: #edebe9;
+  color: #201f1e;
   border: none;
   border-radius: 0;
-  color: #201f1e;
   border-radius: 50%;
 }
 .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,

package/styles/calendar/fluent.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/fluent.scss';

package/styles/calendar/highcontrast-light.css

@@ -485,6 +485,7 @@ ejs-calendar {
   max-width: 232px;
   min-width: 232px;
   padding: 0;
+  min-height: 220px;
 }
 .e-small.e-calendar.e-calendar-day-header-lg,
 .e-small .e-calendar.e-calendar-day-header-lg {
@@ -768,9 +769,9 @@ ejs-calendar {
 .e-calendar .e-content td:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
   background-color: #ccc;
+  color: #000;
   border: 1px dashed #000;
   border-radius: 0;
-  color: #000;
 }
 .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,

package/styles/calendar/highcontrast-light.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/highcontrast-light.scss';

package/styles/calendar/highcontrast.css

@@ -495,6 +495,7 @@ ejs-calendar {
   max-width: 232px;
   min-width: 232px;
   padding: 0;
+  min-height: 220px;
 }
 .e-small.e-calendar.e-calendar-day-header-lg,
 .e-small .e-calendar.e-calendar-day-header-lg {
@@ -778,9 +779,9 @@ ejs-calendar {
 .e-calendar .e-content td:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
   background-color: #333;
+  color: #fff;
   border: 1px dashed #fff;
   border-radius: 0;
-  color: #fff;
 }
 .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,

package/styles/calendar/highcontrast.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/highcontrast.scss';

package/styles/calendar/material-dark.css

@@ -495,6 +495,7 @@ ejs-calendar {
   max-width: 246px;
   min-width: 240px;
   padding: 0;
+  min-height: 220px;
 }
 .e-small.e-calendar.e-calendar-day-header-lg,
 .e-small .e-calendar.e-calendar-day-header-lg {
@@ -778,9 +779,9 @@ ejs-calendar {
 .e-calendar .e-content td:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
   background-color: rgba(255, 255, 255, 0.1);
+  color: #fff;
   border: none;
   border-radius: 50%;
-  color: #fff;
 }
 .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,

package/styles/calendar/material-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'ej2-buttons/styles/button/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/material-dark.scss';

package/styles/calendar/material.css

@@ -315,7 +315,7 @@ ejs-calendar {
 }
 .e-calendar .e-content.e-month td.e-today span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-month td.e-today span.e-day {
-  line-height: 28px;
+  line-height: 30px;
 }
 .e-calendar .e-content.e-year table, .e-calendar .e-content.e-decade table,
 .e-bigger.e-small .e-calendar .e-content.e-year table,
@@ -496,6 +496,7 @@ ejs-calendar {
   max-width: 246px;
   min-width: 240px;
   padding: 0;
+  min-height: 220px;
 }
 .e-small.e-calendar.e-calendar-day-header-lg,
 .e-small .e-calendar.e-calendar-day-header-lg {
@@ -779,9 +780,9 @@ ejs-calendar {
 .e-calendar .e-content td:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
   background-color: #eee;
+  color: rgba(0, 0, 0, 0.87);
   border: none;
   border-radius: 50%;
-  color: rgba(0, 0, 0, 0.87);
 }
 .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,

package/styles/calendar/material.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import 'ej2-buttons/styles/button/material-definition.scss';
-@import 'material-definition.scss';
-@import 'icons/material.scss';
-@import 'all.scss';
+@import 'ej2-calendars/styles/calendar/material.scss';