@syncfusion/ej2-calendars 20.1.56 → 20.2.36

package/styles/datetimepicker/highcontrast-light.css

@@ -1,7 +1,7 @@
 /*! component icons */
 .e-datetime-wrapper .e-time-icon.e-icons::before {
-  content: '\e97f';
-  font-family: 'e-icons';
+  content: "\e97f";
+  font-family: "e-icons";
 }
 
 .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -13,35 +13,26 @@
 .e-datetime-wrapper {
   -webkit-tap-highlight-color: transparent;
 }
-
 .e-datetime-wrapper .e-time-icon.e-icons::before {
   font-size: 16px;
 }
-
 .e-datetime-wrapper.e-control-wrapper {
   box-sizing: border-box;
 }
-
-.e-datetime-wrapper .e-time-icon.e-icons.e-disabled,
-.e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
+.e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
   pointer-events: none;
 }
-
 .e-datetime-wrapper .e-clear-icon {
   box-sizing: content-box;
 }
-
 .e-datetime-wrapper span {
   cursor: pointer;
 }
-
-.e-datetime-wrapper .e-input-group-icon.e-date-icon,
-.e-datetime-wrapper .e-input-group-icon.e-time-icon {
+.e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   font-size: 16px;
   margin: 0;
   outline: none;
 }
-
 .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   border: 0;
   border-style: solid;
@@ -56,7 +47,7 @@
   background-color: rgba(255, 255, 255, 0.6);
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -69,16 +60,13 @@
   border-width: 1px;
   overflow: auto;
 }
-
 .e-datetimepicker.e-popup .e-content {
   position: relative;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul {
   margin: 0;
   padding: 0 0;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: #000;
   cursor: default;
@@ -90,7 +78,6 @@
   white-space: nowrap;
   width: 100%;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -104,7 +91,6 @@
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
   font-size: 20px;
 }
-
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   margin: 0;
@@ -119,7 +105,6 @@
 *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
   padding: 8px 0;
 }
-
 .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
   font-size: 14px;
@@ -166,7 +151,6 @@
 .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
   color: #000;
 }
-
 .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #fff;
 }
@@ -176,30 +160,23 @@
   border-radius: 0;
   box-shadow: none;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul {
   background-color: #fff;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: 1px solid transparent;
   color: #000;
 }
-
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
+.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
   background-color: #ecf;
   border: 1px solid #000;
   color: #000;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #400074;
   color: #fff;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #ecf;
   color: #000;
-}
+}

package/styles/datetimepicker/highcontrast.css

@@ -1,7 +1,7 @@
 /*! component icons */
 .e-datetime-wrapper .e-time-icon.e-icons::before {
-  content: '\e97f';
-  font-family: 'e-icons';
+  content: "\e97f";
+  font-family: "e-icons";
 }
 
 .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -13,35 +13,26 @@
 .e-datetime-wrapper {
   -webkit-tap-highlight-color: transparent;
 }
-
 .e-datetime-wrapper .e-time-icon.e-icons::before {
   font-size: 16px;
 }
-
 .e-datetime-wrapper.e-control-wrapper {
   box-sizing: border-box;
 }
-
-.e-datetime-wrapper .e-time-icon.e-icons.e-disabled,
-.e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
+.e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
   pointer-events: none;
 }
-
 .e-datetime-wrapper .e-clear-icon {
   box-sizing: content-box;
 }
-
 .e-datetime-wrapper span {
   cursor: pointer;
 }
-
-.e-datetime-wrapper .e-input-group-icon.e-date-icon,
-.e-datetime-wrapper .e-input-group-icon.e-time-icon {
+.e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   font-size: 16px;
   margin: 0;
   outline: none;
 }
-
 .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   border: 0;
   border-style: solid;
@@ -56,7 +47,7 @@
   background-color: rgba(0, 0, 0, 0.6);
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -69,16 +60,13 @@
   border-width: 1px;
   overflow: auto;
 }
-
 .e-datetimepicker.e-popup .e-content {
   position: relative;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul {
   margin: 0;
   padding: 0 0;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: #fff;
   cursor: default;
@@ -90,7 +78,6 @@
   white-space: nowrap;
   width: 100%;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -104,7 +91,6 @@
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
   font-size: 20px;
 }
-
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   margin: 0;
@@ -119,7 +105,6 @@
 *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
   padding: 8px 0;
 }
-
 .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
   font-size: 14px;
@@ -166,7 +151,6 @@
 .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
   color: #fff;
 }
-
 .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #000;
 }
@@ -176,30 +160,23 @@
   border-radius: 0;
   box-shadow: none;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul {
   background-color: #000;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: 1px solid transparent;
   color: #fff;
 }
-
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
+.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
   background-color: #685708;
   border: 1px solid #fff;
   color: #fff;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #ffd939;
   color: #000;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #685708;
   color: #fff;
-}
+}

package/styles/datetimepicker/icons/_fusionnew.scss

@@ -0,0 +1,11 @@
+@include export-module('datetimepicker-fusionnew-icons') {
+  /*! component icons */
+  .e-datetime-wrapper {
+
+    #{if(&, '&', '*')} .e-time-icon.e-icons::before {
+      content: '\e705';
+      font-family: 'e-icons';
+    }
+  }
+}
+

package/styles/datetimepicker/icons/_material3.scss

@@ -0,0 +1,11 @@
+@include export-module('datetimepicker-material3-icons') {
+  /*! component icons */
+  .e-datetime-wrapper {
+
+    #{if(&, '&', '*')} .e-time-icon.e-icons::before {
+      content: '\e705';
+      font-family: 'e-icons';
+    }
+  }
+}
+

package/styles/datetimepicker/material-dark.css

@@ -5,11 +5,10 @@
     transform: scale(4);
   }
 }
-
 /*! component icons */
 .e-datetime-wrapper .e-time-icon.e-icons::before {
-  content: '\e20c';
-  font-family: 'e-icons';
+  content: "\e20c";
+  font-family: "e-icons";
 }
 
 .e-datetime-wrapper.e-outline .e-input-group-icon.e-date-icon,
@@ -61,37 +60,28 @@
 .e-datetime-wrapper {
   -webkit-tap-highlight-color: transparent;
 }
-
 .e-datetime-wrapper .e-time-icon.e-icons::before {
   font-size: 16px;
 }
-
 .e-datetime-wrapper.e-control-wrapper {
   box-sizing: border-box;
 }
-
-.e-datetime-wrapper .e-time-icon.e-icons.e-disabled,
-.e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
+.e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
   pointer-events: none;
 }
-
 .e-datetime-wrapper .e-clear-icon {
   box-sizing: content-box;
 }
-
 .e-datetime-wrapper span {
   cursor: pointer;
 }
-
-.e-datetime-wrapper .e-input-group-icon.e-date-icon,
-.e-datetime-wrapper .e-input-group-icon.e-time-icon {
+.e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   font-size: 16px;
   margin: 0 0 4px;
   min-height: 24px;
   min-width: 24px;
   outline: none;
 }
-
 .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   border: 0;
   border-style: none;
@@ -106,7 +96,7 @@
   background-color: rgba(0, 0, 0, 0.6);
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -119,16 +109,13 @@
   border-width: 1px;
   overflow: auto;
 }
-
 .e-datetimepicker.e-popup .e-content {
   position: relative;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul {
   margin: 0;
   padding: 8px 0;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: #fff;
   cursor: default;
@@ -140,7 +127,6 @@
   white-space: nowrap;
   width: 100%;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -154,7 +140,6 @@
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
   font-size: 20px;
 }
-
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   margin: 5px 0 6px 8px;
@@ -171,7 +156,6 @@
 *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
   padding: 8px 0;
 }
-
 .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
   font-size: 14px;
@@ -218,7 +202,6 @@
 .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
   color: #00b0ff;
 }
-
 .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #00b0ff;
 }
@@ -228,30 +211,23 @@
   border-radius: 2px;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul {
   background-color: #424242;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: none;
   color: #fff;
 }
-
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
+.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
   background-color: rgba(255, 255, 255, 0.1);
   border: none;
   color: #fff;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: rgba(255, 255, 255, 0.1);
   color: #00b0ff;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: rgba(255, 255, 255, 0.1);
   color: #00b0ff;
-}
+}

package/styles/datetimepicker/material.css

@@ -5,7 +5,6 @@
     transform: scale(4);
   }
 }
-
 @keyframes slideTopUp {
   from {
     transform: translate3d(0, 0, 0) scale(1);
@@ -14,11 +13,10 @@
     transform: translate3d(0, 0, 0) scale(1);
   }
 }
-
 /*! component icons */
 .e-datetime-wrapper .e-time-icon.e-icons::before {
-  content: '\e20c';
-  font-family: 'e-icons';
+  content: "\e20c";
+  font-family: "e-icons";
 }
 
 .e-datetime-wrapper.e-outline .e-input-group-icon.e-date-icon,
@@ -79,37 +77,28 @@
 .e-datetime-wrapper {
   -webkit-tap-highlight-color: transparent;
 }
-
 .e-datetime-wrapper .e-time-icon.e-icons::before {
   font-size: 16px;
 }
-
 .e-datetime-wrapper.e-control-wrapper {
   box-sizing: border-box;
 }
-
-.e-datetime-wrapper .e-time-icon.e-icons.e-disabled,
-.e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
+.e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
   pointer-events: none;
 }
-
 .e-datetime-wrapper .e-clear-icon {
   box-sizing: content-box;
 }
-
 .e-datetime-wrapper span {
   cursor: pointer;
 }
-
-.e-datetime-wrapper .e-input-group-icon.e-date-icon,
-.e-datetime-wrapper .e-input-group-icon.e-time-icon {
+.e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   font-size: 16px;
   margin: 0 0 4px;
   min-height: 24px;
   min-width: 24px;
   outline: none;
 }
-
 .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   border: 0;
   border-style: none;
@@ -124,7 +113,7 @@
   background-color: rgba(0, 0, 0, 0.6);
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -137,16 +126,13 @@
   border-width: 1px;
   overflow: auto;
 }
-
 .e-datetimepicker.e-popup .e-content {
   position: relative;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul {
   margin: 0;
   padding: 8px 0;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: rgba(0, 0, 0, 0.87);
   cursor: default;
@@ -158,7 +144,6 @@
   white-space: nowrap;
   width: 100%;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -172,7 +157,6 @@
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
   font-size: 20px;
 }
-
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   margin: 5px 0 6px 8px;
@@ -189,7 +173,6 @@
 *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
   padding: 8px 0;
 }
-
 .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
   font-size: 14px;
@@ -236,7 +219,6 @@
 .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
   color: #e3165b;
 }
-
 .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #e3165b;
 }
@@ -246,30 +228,23 @@
   border-radius: 2px;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul {
   background-color: #fff;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: none;
   color: rgba(0, 0, 0, 0.87);
 }
-
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
+.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
   background-color: #eee;
   border: none;
   color: #000;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #eee;
   color: #e3165b;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #eee;
   color: #e3165b;
-}
+}