@syncfusion/ej2-calendars 33.2.13 → 34.1.29

package/styles/calendar/tailwind3.css

@@ -81,81 +81,6 @@
   content: "\e729";
 }
 
-
-
-
-
-
-
-
-
-/* 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 */
-
-
-/*! calendar bootstrap5 theme variables */
 /*! calendar layout */
 ejs-calendar {
   display: block;
@@ -527,81 +452,6 @@ ejs-calendar {
   min-height: 336px;
 }
 
-
-
-
-
-
-
-
-
-/* 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 */
-
-
-/*! calendar bootstrap5 theme variables */
 .e-calendar {
   background-color: var(--color-sf-flyout-bg-color);
   border: 1px solid var(--color-sf-border-light);
@@ -894,81 +744,6 @@ ejs-calendar {
   border-radius: calc(var(--e-radius) * 0);
 }
 
-
-
-
-
-
-
-
-
-/* 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 */
-
-
-/*! calendar bootstrap5 theme variables */
 .e-bigger.e-calendar,
 *.e-bigger .e-calendar {
   max-width: 292px;

package/styles/calendar/tailwind3.scss

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/definition/tailwind3' as *;
-@use 'ej2-buttons/styles/button/tailwind3-definition' as *;
 @use 'tailwind3-definition' as *;
 @use 'icons/tailwind3' as *;
-@use 'all.tailwind3' as *;
-@use 'bigger.tailwind3' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/datepicker/_all.scss

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

package/styles/datepicker/_bds-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bds' as *;
-@forward 'ej2-base/styles/definition/bds';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $datepicker-icon: '\e901' !default;

package/styles/datepicker/_bigger.scss

@@ -1,8 +1,8 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
 @include export-module('datepicker-bigger') {
   #{&}.e-datepicker.e-bigger,
   .e-bigger #{&}.e-datepicker {
-    #{if(&, '&', '*')}.e-popup-wrapper {
+    &.e-popup-wrapper {
       @if $skin-name == 'tailwind' {
         margin-top: $datepicker-popup-bigger-margin-top;
       }
@@ -17,12 +17,12 @@
 
   .e-bigger#{&}.e-datepicker,
   .e-bigger.e-small#{&}.e-datepicker {
-    #{if(&, '&', '*')}.e-popup-wrapper {
+    &.e-popup-wrapper {
       border: $datepicker-popup-border;
       box-shadow: $datepicker-popup-box-shadow;
     }
 
-    #{if(&, '&', '*')} .e-calendar {
+    & .e-calendar {
       @if $skin-name != 'Material3' {
         background-color: $datepicker-popup-bg-color;
       }
@@ -34,8 +34,8 @@
   }
 
   .e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
+  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
+  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
     @if $skin-name == 'tailwind' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'fluent2' or $skin-name == 'material-dark' or $skin-name == 'material' or $skin-name == 'Material3' {
       font-size: $datepicker-bigger-icon-font-size;
       margin: $datepicker-icon-bigger-margin;
@@ -52,8 +52,8 @@
   }
 
   .e-small.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
+  *.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
+  *.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
     font-size: $datepicker-bigger-small-icon-font-size;
     @if $skin-name == 'fluent2' or $skin-name == 'Material3' {
       min-width: $datepicker-bigger-small-icon-container-min-width;

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

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap-dark' as *;
-@forward 'ej2-base/styles/definition/bootstrap-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $datepicker-icon-color: none !default;

package/styles/datepicker/_bootstrap-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/bootstrap' as *;
-@forward 'ej2-base/styles/definition/bootstrap';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $datepicker-icon-color: none !default;
 $datepicker-active-icon-color: $datepicker-icon-color !default;
 $datepicker-popup-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;

package/styles/datepicker/_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 *;
 
 $datepicker-icon-color: $white !default;
 $datepicker-active-icon-color: $white !default;

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

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap5-dark' as *;
-@forward 'ej2-base/styles/definition/bootstrap5-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $datepicker-icon: '\e901' !default;

package/styles/datepicker/_bootstrap5-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap5' as *;
-@forward 'ej2-base/styles/definition/bootstrap5';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $datepicker-icon: '\e901' !default;

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

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap5.3' as *;
-@forward 'ej2-base/styles/definition/bootstrap5.3';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $datepicker-icon: '\e901' !default;

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

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/fabric-dark' as *;
-@forward 'ej2-base/styles/definition/fabric-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $datepicker-icon-color: none !default;

package/styles/datepicker/_fabric-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/fabric' as *;
-@forward 'ej2-base/styles/definition/fabric';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $datepicker-icon-color: none !default;
 $datepicker-active-icon-color: $datepicker-icon-color !default;
 $datepicker-popup-box-shadow: 0 0 5px 0 rgba($neutral-black, .4) !default;

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

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/fluent-dark' as *;
-@forward 'ej2-base/styles/definition/fluent-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $datepicker-icon: '\e901' !default;

package/styles/datepicker/_fluent-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/fluent' as *;
-@forward 'ej2-base/styles/definition/fluent';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $datepicker-icon: '\e901' !default;

package/styles/datepicker/_fluent2-definition.scss

@@ -1,7 +1,4 @@
-@use 'ej2-base/styles/definition/fluent2' as *;
-@use 'ej2-inputs/styles/input/fluent2-definition' as *;
-@forward 'ej2-base/styles/definition/fluent2';
-@forward 'ej2-inputs/styles/input/fluent2-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $datepicker-icon: '\e901' !default;
@@ -147,3 +144,4 @@ $date-picker-popup-next-height: 35px !default;
 $date-picker-popup-next-width: 35px !default;
 $date-picker-popup-next-min-height: 55px !default;
 $date-picker-popup-next-min-width: 55px !default;
+$zero-value: 0 !default;

package/styles/datepicker/_fusionnew-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/fusionnew' as *;
-@forward 'ej2-base/styles/definition/fusionnew';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $datepicker-icon: '\e901' !default;

package/styles/datepicker/_highcontrast-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/highcontrast' as *;
-@forward 'ej2-base/styles/definition/highcontrast';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $datepicker-icon-color: $content-font !default;
 $datepicker-active-icon-color: $content-font !default;
 $datepicker-popup-box-shadow: none !default;

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

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/highcontrast-light' as *;
-@forward 'ej2-base/styles/definition/highcontrast-light';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $datepicker-icon-color: $content-font !default;