@syncfusion/ej2-angular-calendars 20.2.46 → 20.2.50

package/styles/calendar/_layout.scss

@@ -1,4 +1,4 @@
-@include export-module('calendar-layout') { /*! calendar layout */
+@include export-module('calendar-layout') { /*! calendar layout */
 
   #{&}ejs-calendar {
     display: block;
@@ -11,29 +11,29 @@
         cursor: $calendar-cursor-default-style;
         pointer-events: $calendar-none-style;
         touch-action: $calendar-none-style;
-      }
+       }
 
       #{if(&, '&', '*')} .e-title {
         cursor: $calendar-cursor-default-style;
         pointer-events: $calendar-none-style;
         touch-action: $calendar-none-style;
-      }
-    }
+  }
+}
 
     #{if(&, '&', '*')} .e-content td {
       pointer-events: $calendar-none-style;
       touch-action: $calendar-none-style;
-    }
+}
 
     #{if(&, '&', '*')} .e-btn.e-today {
       pointer-events: $calendar-none-style;
       touch-action: $calendar-none-style;
-    }
-  }
+}
+}
 
   #{&}.e-calendar,
   .e-bigger.e-small #{&}.e-calendar {
-    /* stylelint-disable property-no-vendor-prefix */
+    // sass-lint:disable no-vendor-prefixes
     -webkit-tap-highlight-color: transparent;
     border-radius: $calendar-wrapper-border-radius;
     display: $calendar-block-style;
@@ -43,11 +43,9 @@
     #{if(&, '&', '*')}.e-rtl .e-header .e-title {
       float: $calendar-float-right-style;
       text-align: $calendar-float-right-style;
-    }
-    #{if(&, '&', '*')}.e-rtl .e-header .e-icon-container {
+    }#{if(&, '&', '*')}.e-rtl .e-header .e-icon-container {
       float: $calendar-float-left-style;
-    }
-    #{if(&, '&', '*')} .e-header {
+    }#{if(&, '&', '*')} .e-header {
       background: $calendar-none-style;
       display: table;
       font-weight: $calendar-spanicon-font-weight-style;
@@ -61,8 +59,7 @@
         margin-right: $calendar-icon-button-margin;
         padding: 0;
         text-decoration: $calendar-none-style;
-      }
-      #{if(&, '&', '*')} span {
+        }#{if(&, '&', '*')} span {
         cursor: $calendar-cursor-pointer-style;
         display: inline-block;
         font-size: $calendar-icon-font-size-style;
@@ -73,24 +70,20 @@
 
         #{if(&, '&', '*')}.e-disabled {
           cursor: $calendar-cursor-default-style;
-        }
-      }
     }
-    #{if(&, '&', '*')} .e-week-header {
+}
+}#{if(&, '&', '*')} .e-week-header {
       padding: $calendar-thead-padding;
-    }
-    #{if(&, '&', '*')} th {
+}#{if(&, '&', '*')} th {
       cursor: $calendar-cursor-default-style;
       font-size: $calendar-header-font-size;
       font-weight: normal;
       text-align: center;
-    }
-    #{if(&, '&', '*')} .e-content {
+}#{if(&, '&', '*')} .e-content {
       #{if(&, '&', '*')} .e-selected ,
       #{if(&, '&', '*')} .e-state-hover {
         border-radius: 0;
-      }
-      #{if(&, '&', '*')} span.e-day {
+      }#{if(&, '&', '*')} span.e-day {
         border-radius: 0;
         cursor: $calendar-cursor-pointer-style;
         display: $calendar-inline-block-style;
@@ -100,21 +93,17 @@
         text-align: center;
         text-decoration: $calendar-none-style;
         vertical-align: middle;
-      }
-      #{if(&, '&', '*')} th,
+}#{if(&, '&', '*')} th,
       #{if(&, '&', '*')} td {
         box-sizing: border-box;
-      }
-      #{if(&, '&', '*')} td.e-disabled {
+}#{if(&, '&', '*')} td.e-disabled {
         opacity: $calendar-disable-opacity;
         pointer-events: $calendar-none-style;
         touch-action: $calendar-none-style;
-      }
-      #{if(&, '&', '*')} td {
+}#{if(&, '&', '*')} td {
         cursor: pointer;
         padding: $calendar-yeardeacde-span-padding;
-        text-align: center;
-        #{if(&, '&', '*')}.e-week-number {
+        text-align: center;#{if(&, '&', '*')}.e-week-number {
           color: $calendar-week-number-font-color;
           font-size: $calendar-week-number-font-size-style;
           font-style: $calendar-week-number-font-style;
@@ -123,12 +112,11 @@
             background-color: $calendar-week-number-bg-color;
             border-right: $calendar-week-number-border;
           }
-        }
-        #{if(&, '&', '*')}.e-overlay {
+}#{if(&, '&', '*')}.e-overlay {
           background: $calendar-none-style;
           width: initial;
-        }
-      }
+}
+}
 
       table {
         border-collapse: separate;
@@ -140,132 +128,112 @@
         padding: $calendar-table-padding;
         table-layout: fixed;
         width: $calendar-full-width;
-      }
-      #{if(&, '&', '*')} td.e-other-month > span.e-day,
+}#{if(&, '&', '*')} td.e-other-month > span.e-day,
       #{if(&, '&', '*')} td.e-other-year > span.e-day {
         display: $calendar-other-month-display-style;
         font-weight: $calendar-link-font-weight-style;
-      }
-      #{if(&, '&', '*')} tr.e-month-hide {
+}#{if(&, '&', '*')} tr.e-month-hide {
         display: $calendar-other-month-row-display-style;
         font-weight: $calendar-link-font-weight-style;
-      }
-      #{if(&, '&', '*')} tr.e-month-hide,
+}#{if(&, '&', '*')} tr.e-month-hide,
       #{if(&, '&', '*')} td.e-other-month,
       #{if(&, '&', '*')} td.e-other-year {
         pointer-events: $calendar-pointer-events;
         touch-action: $calendar-pointer-events;
-      }
-      #{if(&, '&', '*')} tr.e-month-hide,
+}#{if(&, '&', '*')} tr.e-month-hide,
       #{if(&, '&', '*')} td.e-other-month.e-disabled,
       #{if(&, '&', '*')} td.e-other-year.e-disabled {
         pointer-events: $calendar-none-style;
         touch-action: $calendar-none-style;
-      }
-      #{if(&, '&', '*')} td.e-week-number:hover span.e-day,
+}#{if(&, '&', '*')} td.e-week-number:hover span.e-day,
       #{if(&, '&', '*')} td.e-week-number:hover {
         background-color: $calendar-bg-color;
         cursor: $calendar-cursor-default-style;
         @if $skin-name == 'FluentUI' {
           background-color: $calendar-week-number-bg-color;
         }
-      }
-    }
-    #{if(&, '&', '*')} .e-header {
+}
+}#{if(&, '&', '*')} .e-header {
       #{if(&, '&', '*')} .e-prev,
       #{if(&, '&', '*')} .e-next {
         border-radius: $calendar-border-radius;
         display: inline-block;
         font-size: $calendar-next-prev-icon-size;
         vertical-align: middle;
-      }
-      #{if(&, '&', '*')} .e-title {
+  }#{if(&, '&', '*')} .e-title {
         cursor: $calendar-cursor-pointer-style;
         display: $calendar-inline-block-style;
         float: $calendar-float-left-style;
         font-size: $calendar-title-font-size;
         font-weight: $calendar-title-font-weight-style;
         text-align: $calendar-float-left-style;
-      }
-      #{if(&, '&', '*')} .e-title {
+}#{if(&, '&', '*')} .e-title {
         margin-left: $calendar-title-margin-left-style;
-      }
-      #{if(&, '&', '*')} .e-prev:hover,
+}#{if(&, '&', '*')} .e-prev:hover,
       #{if(&, '&', '*')} .e-next:hover {
         cursor: $calendar-cursor-pointer-style;
-      }
-      #{if(&, '&', '*')} .e-prev.e-overlay,
+}#{if(&, '&', '*')} .e-prev.e-overlay,
       #{if(&, '&', '*')} .e-next.e-overlay {
         background: $calendar-none-style;
-      }
-    }
-    #{if(&, '&', '*')} .e-header.e-decade .e-title,
+}
+}#{if(&, '&', '*')} .e-header.e-decade .e-title,
     #{if(&, '&', '*')} .e-header.e-year .e-title {
       margin-left: $calendar-decade-title-left-margin-style;
-    }
-    #{if(&, '&', '*')} .e-header.e-decade .e-title {
+}#{if(&, '&', '*')} .e-header.e-decade .e-title {
       cursor: $calendar-cursor-default-style;
-    }
-    #{if(&, '&', '*')} .e-header .e-icon-container {
+}#{if(&, '&', '*')} .e-header .e-icon-container {
       display: $calendar-inline-block-style;
       float: $calendar-float-right-style;
       padding-top: $calendar-icon-padding-top;
-    }
-    #{if(&, '&', '*')} .e-footer-container {
+}#{if(&, '&', '*')} .e-footer-container {
       text-transform: uppercase;
+}
     }
-  }
 
   //normal style
   #{&}.e-calendar,
   .e-bigger.e-small #{&}.e-calendar {
     border-spacing: 0;
     max-width: $calendar-normal-max-width;
-    min-width: $calendar-normal-min-width;
+    min-width:  $calendar-normal-min-width;
     padding: $calendar-popup-padding;
 
     #{if(&, '&', '*')}.e-calendar-day-header-lg {
       max-width: $calendar-lg-day-header-format-max-width;
       min-width: $calendar-lg-day-header-format-min-width;
-    }
-    #{if(&, '&', '*')}.e-week-number {
+    }#{if(&, '&', '*')}.e-week-number {
       min-width: $calendar-weeknumber-min-width;
     }
 
     #{if(&, '&', '*')}.e-week {
       max-width: $calendar-week-normal-max-width;
-      min-width: $calendar-week-normal-min-width;
-    }
-    #{if(&, '&', '*')} .e-header .e-title {
+      min-width:  $calendar-week-normal-min-width;
+    }#{if(&, '&', '*')} .e-header .e-title {
       line-height: $calendar-normal-header-height;
-    }
-    #{if(&, '&', '*')}.e-rtl .e-header .e-title {
+}#{if(&, '&', '*')}.e-rtl .e-header .e-title {
       text-align: $calendar-float-right-style;
       text-indent: $calendar-rtl-text-indent;
-    }
-    #{if(&, '&', '*')} .e-header {
+}#{if(&, '&', '*')} .e-header {
       height: $calendar-normal-header-height;
 
       #{if(&, '&', '*')}.e-month {
         padding: $calendar-normal-header-padding;
-      }
+	  }
 
       #{if(&, '&', '*')}.e-year,
+
       #{if(&, '&', '*')}.e-decade {
         padding: $calendar-yeardecade-header-padding;
-      }
-    }
-    #{if(&, '&', '*')} th {
+	  }
+}#{if(&, '&', '*')} th {
       font-weight: $calendar-normal-day-header-font-weight;
       height: $calendar-normal-day-header-height;
       text-transform: $calendar-normal-day-header-text;
-    }
-    #{if(&, '&', '*')} .e-content {
+}#{if(&, '&', '*')} .e-content {
       #{if(&, '&', '*')} .e-selected ,
       #{if(&, '&', '*')} .e-state-hover {
         border-radius: 0;
-      }
-      #{if(&, '&', '*')} span.e-day {
+      }#{if(&, '&', '*')} span.e-day {
         border: $calendar-default-border-color;
         font-size: $calendar-date-font-size;
         font-weight: $calendar-link-font-weight-style;
@@ -273,44 +241,36 @@
         line-height: $calendar-normal-month-view-height;
         width: $calendar-normal-month-view-width;
       }
-    }
-    #{if(&, '&', '*')} .e-content.e-month td.e-today span.e-day {
+}#{if(&, '&', '*')} .e-content.e-month td.e-today span.e-day {
       line-height: $calendar-normal-month-view-line-height;
-    }
-    #{if(&, '&', '*')} .e-content.e-year table,
+}#{if(&, '&', '*')} .e-content.e-year table,
     #{if(&, '&', '*')} .e-content.e-decade table {
       border-spacing: 0;
       padding: $calendar-yeardecade-padding;
-    }
-    #{if(&, '&', '*')} .e-content.e-month td {
+}#{if(&, '&', '*')} .e-content.e-month td {
       height: $calendar-normal-month-view-height;
       padding: $calendar-normal-month-cell-padding;
-    }
-    #{if(&, '&', '*')} .e-content .tfooter > tr > td {
+}#{if(&, '&', '*')} .e-content .tfooter > tr > td {
       height: $calendar-normal-today-button-height;
       line-height: $calendar-normal-today-button-height;
-    }
-    #{if(&, '&', '*')} .e-content.e-year td,
+}#{if(&, '&', '*')} .e-content.e-year td,
     #{if(&, '&', '*')} .e-content.e-decade td {
       height: $calendar-normal-year-decade-height;
       padding: $calendar-normal-year-decade-padding;
-    }
-    #{if(&, '&', '*')} .e-content.e-year td > span.e-day,
+}#{if(&, '&', '*')} .e-content.e-year td > span.e-day,
     #{if(&, '&', '*')} .e-content.e-decade td > span.e-day {
       font-weight: $calendar-yeardecade-font-weight;
       height: $calendar-normal-year-decade-height;
       line-height: $calendar-normal-year-decade-height;
       width: $calendar-normal-year-decade-width;
-    }
-    #{if(&, '&', '*')} .e-content.e-year td.e-selected:not(.e-focused-date) > span.e-day,
+}#{if(&, '&', '*')} .e-content.e-year td.e-selected:not(.e-focused-date) > span.e-day,
     #{if(&, '&', '*')} .e-content.e-decade td.e-selected:not(.e-focused-date) > span.e-day,
     #{if(&, '&', '*')} .e-content.e-year td.e-selected:not(.e-focused-date):hover > span.e-day,
     #{if(&, '&', '*')} .e-content.e-decade td.e-selected:not(.e-focused-date):hover > span.e-day {
       @if ($skin-name == 'FluentUI') {
         box-shadow: $calendar-none-style;
       }
-    }
-    #{if(&, '&', '*')} .e-header .e-icon-container {
+}#{if(&, '&', '*')} .e-header .e-icon-container {
       #{if(&, '&', '*')} .e-prev,
       #{if(&, '&', '*')} .e-next {
         height: $calendar-normal-icon-size;
@@ -322,8 +282,8 @@
           margin: $calendar-normal-down-icon-margin;
         }
       }
-    }
-    #{if(&, '&', '*')} .e-footer-container {
+
+}#{if(&, '&', '*')} .e-footer-container {
       background-color: $calendar-footer-background;
       border-top: $calendar-footer-border;
       cursor: $calendar-cursor-default-style;
@@ -333,13 +293,12 @@
       padding: $calendar-footer-container-padding;
       text-align: center;
       width: $calendar-full-width;
-    }
-    #{if(&, '&', '*')}.e-rtl .e-header .e-title {
+}#{if(&, '&', '*')}.e-rtl .e-header .e-title {
       @if $skin-name == 'bootstrap5' {
         text-indent: $calendar-rtl-bigger-small-text-indent;
-      }
     }
   }
+}
 
   .e-small.e-bigger#{&}.e-calendar,
   .e-small.e-bigger #{&}.e-calendar {
@@ -367,7 +326,7 @@
         @if $skin-name == 'tailwind' {
           padding: $calendar-bigger-small-header-padding;
         }
-      }
+	    }
 
       #{if(&, '&', '*')} .e-icon-container .e-prev {
         @if $skin-name == 'tailwind' {
@@ -406,8 +365,7 @@
         @if $skin-name == 'tailwind' {
           line-height: $calendar-bigger-small-month-view-line-height;
         }
-      }
-      #{if(&, '&', '*')}.e-month td {
+      }#{if(&, '&', '*')}.e-month td {
         @if $skin-name == 'tailwind' {
           height: $calendar-bigger-small-month-view-height;
         }
@@ -419,8 +377,7 @@
         height: $calendar-day-bigger-small-cell-size;
         width: $calendar-day-bigger-small-cell-size;
       }
-    }
-    #{if(&, '&', '*')} .e-header .e-title {
+    }#{if(&, '&', '*')} .e-header .e-title {
       @if $skin-name == 'bootstrap5' {
         margin-left: $calendar-title-margin-bigger-small-left-style;
       }
@@ -437,24 +394,19 @@
     #{if(&, '&', '*')}.e-calendar-day-header-lg {
       max-width: $calendar-lg-day-header-format-max-width;
       min-width: $calendar-lg-day-header-format-min-width;
-    }
-    #{if(&, '&', '*')}.e-week {
+    }#{if(&, '&', '*')}.e-week {
       max-width: $calendar-week-bigger-max-width;
       min-width: $calendar-week-bigger-min-width;
-    }
-    #{if(&, '&', '*')}.e-week-number {
+    }#{if(&, '&', '*')}.e-week-number {
       min-width: $calendar-weeknumber-bigger-width;
-    }
-    #{if(&, '&', '*')} .e-header .e-title {
+    }#{if(&, '&', '*')} .e-header .e-title {
       font-size: $calendar-bigger-header-font-size;
       line-height: $calendar-bigger-header-height;
       width: 60%;
-    }
-    #{if(&, '&', '*')}.e-rtl .e-header .e-title {
+  }#{if(&, '&', '*')}.e-rtl .e-header .e-title {
       line-height: $calendar-bigger-header-height;
       text-indent: 6px;
-    }
-    #{if(&, '&', '*')} .e-header {
+  }#{if(&, '&', '*')} .e-header {
       height: $calendar-bigger-header-height;
       padding: $calendar-bigger-header-padding;
 
@@ -464,81 +416,72 @@
         #{if(&, '&', '*')} span {
           font-size: $calendar-bigger-icon-font-size;
           padding: $calendar-bigger-icon-padding;
-        }
-      }
+	   }
+    }
 
       #{if(&, '&', '*')}.e-year,
       #{if(&, '&', '*')}.e-decade {
         padding: $calendar-bigger-yeardecade-header-padding;
-      }
-    }
-    #{if(&, '&', '*')} th {
+	  }
+
+  }#{if(&, '&', '*')} th {
       font-size: $calendar-bigger-week-header-font-size;
       height: $calendar-bigger-day-header-height;
       text-transform: $calendar-normal-day-header-text;
-    }
-    #{if(&, '&', '*')} .e-content {
+  }#{if(&, '&', '*')} .e-content {
       #{if(&, '&', '*')}.e-year span.e-day {
         font-size: $calendar-bigger-yeardecade-font-size;
         font-weight: $calendar-bigger-yeardecade-font-weight;
-      }
+              }
 
       #{if(&, '&', '*')}.e-month table {
         padding: $calendar-bigger-table-month-padding;
-      }
+		  }
 
       #{if(&, '&', '*')}.e-year table,
       #{if(&, '&', '*')}.e-decade table	   {
         padding: $calendar-bigger-table-yeardecade-padding;
-      }
+		  }
 
       #{if(&, '&', '*')} .e-selected ,
       #{if(&, '&', '*')} .e-state-hover {
         border-radius: 0;
-      }
-      #{if(&, '&', '*')} span.e-day {
+      }#{if(&, '&', '*')} span.e-day {
         font-size: $calendar-bigger-month-font-size;
         height: $calendar-bigger-month-view-height;
         line-height: $calendar-bigger-month-view-height;
         width: $calendar-bigger-month-view-width;
-      }
-    }
-    #{if(&, '&', '*')} .e-content.e-month td.e-today span.e-day {
+  }
+  }#{if(&, '&', '*')} .e-content.e-month td.e-today span.e-day {
       line-height: $calendar-bigger-month-view-line-height;
-    }
-    #{if(&, '&', '*')} .e-content.e-month td {
+  }#{if(&, '&', '*')} .e-content.e-month td {
       height: $calendar-bigger-month-view-padding;
       padding: $calendar-bigger-month-view-padding;
-    }
-    #{if(&, '&', '*')} .e-content.e-year td,
+  }#{if(&, '&', '*')} .e-content.e-year td,
     #{if(&, '&', '*')} .e-content.e-decade td {
       height: $calendar-bigger-year-decade-height;
       padding: $calendar-bigger-year-decade-padding;
-    }
-    #{if(&, '&', '*')} .e-content.e-year td > span.e-day,
+  }#{if(&, '&', '*')} .e-content.e-year td > span.e-day,
     #{if(&, '&', '*')} .e-content.e-decade td > span.e-day {
       height: $calendar-bigger-year-decade-height;
       line-height: $calendar-bigger-year-decade-height;
       width: $calendar-bigger-year-decade-width;
-    }
-    #{if(&, '&', '*')} .e-header .e-icon-container {
+  }#{if(&, '&', '*')} .e-header .e-icon-container {
       #{if(&, '&', '*')} .e-prev,
       #{if(&, '&', '*')} .e-next  {
         height: $calendar-bigger-icon-size;
         width: $calendar-bigger-icon-size;
-      }
+    }
 
       #{if(&, '&', '*')} .e-prev {
         @if $skin-name == 'tailwind' {
           margin: $calendar-bigger-down-icon-margin;
         }
       }
-    }
-    #{if(&, '&', '*')} .e-footer-container {
+    }#{if(&, '&', '*')} .e-footer-container {
       border-top: $calendar-bigger-footer-border;
       padding: $calendar-bigger-footer-container-padding;
-    }
-    #{if(&, '&', '*')} .e-header .e-title {
+    }#{if(&, '&', '*')} .e-header .e-title {
       @if $skin-name == 'bootstrap5' {
         margin-left: $calendar-title-margin-bigger-small-left-style;
       }
@@ -547,15 +490,15 @@
     #{if(&, '&', '*')}.e-rtl .e-header .e-title {
       @if $skin-name == 'bootstrap5' {
         text-indent: $calendar-rtl-bigger-text-indent;
+        }
       }
-    }
   }
 
   // Mouse small style
   .e-small#{&}.e-calendar,
   .e-small #{&}.e-calendar {
     max-width: $calendar-small-max-width;
-    min-width: $calendar-small-min-width;
+    min-width:  $calendar-small-min-width;
     padding: $calendar-small-popup-padding;
 
     #{if(&, '&', '*')} .e-footer-container {
@@ -567,8 +510,7 @@
     #{if(&, '&', '*')}.e-calendar-day-header-lg {
       max-width: $calendar-lg-day-header-format-max-width;
       min-width: $calendar-lg-day-header-format-min-width;
-    }
-    #{if(&, '&', '*')} .e-content {
+    }#{if(&, '&', '*')} .e-content {
       #{if(&, '&', '*')} span.e-day {
         font-size: $calendar-small-date-font-size;
         height: $calendar-small-month-view-height;
@@ -604,7 +546,7 @@
         @if $skin-name == 'tailwind' {
           padding: $calendar-small-header-padding;
         }
-      }
+	    }
     }
 
     #{if(&, '&', '*')} .e-content.e-month table,

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

@@ -1,4 +1,4 @@
-//default
+//default 
 $calendar-title-hover-color: $grey-dark-font !default;
 $calendar-icon-hover-color: $grey-dark-font !default;
 $calendar-default-border-color: $grey-700 !default;
@@ -69,7 +69,6 @@ $calendar-border-radius: 50% !default;
 $calendar-pointer-events: none !default;
 $calendar-float-right-style: right !default;
 $calendar-icon-padding-top: 0 !default;
-
 // newly added
 $calendar-active-today-hover-font-color: $accent-font !default;
 $calendar-today-focused-font-color: $accent !default;
@@ -168,7 +167,6 @@ $calendar-today-disabled-background-style: transparent !default;
 $calendar-today-disabled-border-style: transparent !default;
 $calendar-today-disabled-box-shadow: none !default;
 $calendar-today-disabled-color: rgba($grey-white, .3) !default;
-
 //endtoday
 
 //table related styles