@syncfusion/ej2-calendars 20.2.50 → 20.3.47

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 {
-    // sass-lint:disable no-vendor-prefixes
+    /* stylelint-disable property-no-vendor-prefix */
     -webkit-tap-highlight-color: transparent;
     border-radius: $calendar-wrapper-border-radius;
     display: $calendar-block-style;
@@ -43,9 +43,11 @@
     #{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;
@@ -59,7 +61,8 @@
         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;
@@ -70,20 +73,24 @@
 
         #{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;
@@ -93,17 +100,21 @@
         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;
@@ -112,11 +123,12 @@
             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;
@@ -128,112 +140,132 @@
         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;
@@ -241,36 +273,44 @@
         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;
@@ -282,8 +322,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;
@@ -293,12 +333,13 @@
       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 {
@@ -326,7 +367,7 @@
         @if $skin-name == 'tailwind' {
           padding: $calendar-bigger-small-header-padding;
         }
-	    }
+      }
 
       #{if(&, '&', '*')} .e-icon-container .e-prev {
         @if $skin-name == 'tailwind' {
@@ -365,7 +406,8 @@
         @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;
         }
@@ -377,7 +419,8 @@
         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;
       }
@@ -394,19 +437,24 @@
     #{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;
 
@@ -416,72 +464,81 @@
         #{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;
       }
@@ -490,15 +547,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 {
@@ -510,7 +567,8 @@
     #{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;
@@ -546,7 +604,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,6 +69,7 @@ $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;
@@ -167,6 +168,7 @@ $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