@syncfusion/ej2-calendars 32.1.23 → 32.1.25

package/styles/material.css

@@ -7,6 +7,7 @@
   content: "\e916";
 }
 
+/*! calendar material theme variables */
 /*! calendar layout */
 ejs-calendar {
   display: block;
@@ -378,6 +379,7 @@ ejs-calendar {
   min-height: 336px;
 }
 
+/*! calendar material theme variables */
 .e-calendar {
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.12);
@@ -609,6 +611,7 @@ ejs-calendar {
   border-radius: 50%;
 }
 
+/*! calendar material theme variables */
 .e-bigger.e-calendar,
 *.e-bigger .e-calendar {
   max-width: 296px;
@@ -1263,6 +1266,24 @@ ejs-calendar {
   font-family: "e-icons";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group.e-time-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
   display: -webkit-box;
@@ -1472,6 +1493,24 @@ ejs-calendar {
   }
 }
 /* stylelint-enable */
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #e3165b;
 }
@@ -1530,6 +1569,24 @@ ejs-calendar {
   font-weight: 500;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 .e-bigger .e-time-wrapper .e-time-icon.e-icons,
 *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
 *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
@@ -2131,6 +2188,24 @@ ejs-calendar {
   font-family: "e-icons";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
   display: -webkit-box;
@@ -2769,6 +2844,24 @@ ejs-calendar {
   width: calc(100% - 110px);
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
   color: #e3165b;
 }
@@ -2867,6 +2960,24 @@ ejs-calendar {
   color: #fff;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 .e-bigger .e-daterangepicker.e-range-modal,
 *.e-device.e-daterangepicker.e-range-modal {
   background-color: rgba(0, 0, 0, 0.6);
@@ -3548,6 +3659,24 @@ ejs-calendar {
   margin: 0;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group.e-datetime-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
   display: -webkit-box;
@@ -3695,6 +3824,24 @@ ejs-calendar {
   width: 100%;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 /*! datetimepicker theme */
 .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
   color: #e3165b;
@@ -3730,6 +3877,24 @@ ejs-calendar {
   color: #e3165b;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
   font-size: 18px;

package/styles/material.scss

@@ -1,23 +1,23 @@
 @use 'ej2-buttons/styles/button/material-definition' as *;
 @use 'calendar/material-definition' as *;
 @use 'calendar/icons/material' as *;
-@use 'calendar/all' as *;
-@use 'calendar/bigger' as *;
+@use 'calendar/all.material' as *;
+@use 'calendar/bigger.material' as *;
 @use 'ej2-inputs/styles/input/material-definition' as *;
 @use 'ej2-popups/styles/popup/material-definition' as *;
 @use 'timepicker/material-definition' as *;
 @use 'timepicker/icons/material' as *;
-@use 'timepicker/all' as *;
-@use 'timepicker/bigger' as *;
+@use 'timepicker/all.material' as *;
+@use 'timepicker/bigger.material' as *;
 @use 'datepicker/material-definition' as *;
 @use 'datepicker/icons/material' as *;
-@use 'datepicker/all' as *;
-@use 'datepicker/bigger' as *;
+@use 'datepicker/all.material' as *;
+@use 'datepicker/bigger.material' as *;
 @use 'daterangepicker/material-definition' as *;
 @use 'daterangepicker/icons/material' as *;
-@use 'daterangepicker/all' as *;
-@use 'daterangepicker/bigger' as *;
+@use 'daterangepicker/all.material' as *;
+@use 'daterangepicker/bigger.material' as *;
 @use 'datetimepicker/material-definition' as *;
 @use 'datetimepicker/icons/material' as *;
-@use 'datetimepicker/all' as *;
-@use 'datetimepicker/bigger' as *;
+@use 'datetimepicker/all.material' as *;
+@use 'datetimepicker/bigger.material' as *;