@syncfusion/ej2-calendars 24.2.9 → 25.1.37

package/styles/fluent.css

@@ -195,7 +195,7 @@ ejs-calendar {
 .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next,
 .e-bigger.e-small .e-calendar .e-header .e-prev,
 .e-bigger.e-small .e-calendar .e-header .e-next {
-  border-radius: 2px;
+  border-radius: 0;
   display: inline-block;
   font-size: 14px;
   vertical-align: middle;
@@ -726,7 +726,7 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
   background: #f3f2f1;
   border: none;
-  border-radius: 2px;
+  border-radius: 0;
   box-shadow: none;
   background: none;
   border-radius: 4px;
@@ -736,7 +736,7 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
   background-color: #f3f2f1;
   border: none;
-  border-radius: 2px;
+  border-radius: 0;
   color: #201f1e;
 }
 .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day,
@@ -744,7 +744,7 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
   background: #0078d4;
   border: none;
-  border-radius: 2px;
+  border-radius: 0;
   box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
   color: #fff;
   border-radius: 50%;
@@ -761,7 +761,7 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
   background-color: #edebe9;
   border: none;
-  border-radius: 2px;
+  border-radius: 0;
   color: #fff;
   background-color: #0078d4;
   border-radius: 50%;
@@ -832,7 +832,7 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
   background-color: #f3f2f1;
   border: none;
-  border-radius: 2px;
+  border-radius: 0;
   color: #201f1e;
 }
 .e-calendar .e-content td:focus span.e-day,
@@ -840,7 +840,7 @@ ejs-calendar {
   background-color: #edebe9;
   color: #201f1e;
   border: none;
-  border-radius: 2px;
+  border-radius: 0;
   border-radius: 50%;
 }
 .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
@@ -863,7 +863,7 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
   background-color: #edebe9;
   border: none;
-  border-radius: 2px;
+  border-radius: 0;
   color: #201f1e;
 }
 .e-calendar .e-content td.e-selected:not(.e-focused-date) span.e-day,
@@ -898,7 +898,7 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day {
   background-color: #edebe9;
   border: none;
-  border-radius: 2px;
+  border-radius: 0;
   color: #201f1e;
 }
 .e-calendar .e-content td.e-selected.e-focused-date span.e-day,
@@ -963,7 +963,7 @@ ejs-calendar {
   color: #201f1e;
 }
 
-.e-zoomin {
+.e-calendar .e-zoomin {
   animation: animatezoom 0.3s;
 }
 
@@ -1019,9 +1019,9 @@ ejs-calendar {
   color: #a19f9d;
 }
 
-.e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
+.e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
   box-shadow: 0 0 0 1px #605e5c;
-  border-radius: 2px;
+  border-radius: 0;
 }
 
 /* stylelint-disable property-no-vendor-prefix */

package/styles/highcontrast-light.css

@@ -831,7 +831,7 @@ ejs-calendar {
   color: #400074;
 }
 
-.e-zoomin {
+.e-calendar .e-zoomin {
   animation: animatezoom 0.3s;
 }
 
@@ -843,7 +843,7 @@ ejs-calendar {
     transform: scale(1);
   }
 }
-.e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
+.e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
   box-shadow: 0 0 0 1px #fff;
   border-radius: 0;
 }

package/styles/highcontrast.css

@@ -841,7 +841,7 @@ ejs-calendar {
   color: #ffd939;
 }
 
-.e-zoomin {
+.e-calendar .e-zoomin {
   animation: animatezoom 0.3s;
 }
 
@@ -853,7 +853,7 @@ ejs-calendar {
     transform: scale(1);
   }
 }
-.e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
+.e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
   box-shadow: 0 0 0 1px #fff;
   border-radius: 0;
 }

package/styles/material-dark.css

@@ -840,7 +840,7 @@ ejs-calendar {
   color: #fff;
 }
 
-.e-zoomin {
+.e-calendar .e-zoomin {
   animation: animatezoom 0.3s;
 }
 
@@ -852,7 +852,7 @@ ejs-calendar {
     transform: scale(1);
   }
 }
-.e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
+.e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
   box-shadow: 0 0 0 1px #fff;
   border-radius: 50%;
 }

package/styles/material.css

@@ -841,7 +841,7 @@ ejs-calendar {
   color: rgba(0, 0, 0, 0.87);
 }
 
-.e-zoomin {
+.e-calendar .e-zoomin {
   animation: animatezoom 0.3s;
 }
 
@@ -853,7 +853,7 @@ ejs-calendar {
     transform: scale(1);
   }
 }
-.e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
+.e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
   box-shadow: 0 0 0 1px #212121;
   border-radius: 50%;
 }

package/styles/material3-dark.css

@@ -900,7 +900,7 @@ ejs-calendar {
   color: rgba(var(--color-sf-on-surface));
 }
 
-.e-zoomin {
+.e-calendar .e-zoomin {
   animation: animatezoom 0.3s;
 }
 
@@ -912,7 +912,7 @@ ejs-calendar {
     transform: scale(1);
   }
 }
-.e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
+.e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
   box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
   border-radius: 32px;
 }

package/styles/material3.css

@@ -956,7 +956,7 @@ ejs-calendar {
   color: rgba(var(--color-sf-on-surface));
 }
 
-.e-zoomin {
+.e-calendar .e-zoomin {
   animation: animatezoom 0.3s;
 }
 
@@ -968,7 +968,7 @@ ejs-calendar {
     transform: scale(1);
   }
 }
-.e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
+.e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
   box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
   border-radius: 32px;
 }

package/styles/tailwind-dark.css

@@ -933,7 +933,7 @@ ejs-calendar {
   color: #000;
 }
 
-.e-zoomin {
+.e-calendar .e-zoomin {
   animation: animatezoom 0.3s;
 }
 
@@ -945,7 +945,7 @@ ejs-calendar {
     transform: scale(1);
   }
 }
-.e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
+.e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
   box-shadow: 0 0 0 1px #8b919e;
   border-radius: 4px;
 }

package/styles/tailwind.css

@@ -933,7 +933,7 @@ ejs-calendar {
   color: #fff;
 }
 
-.e-zoomin {
+.e-calendar .e-zoomin {
   animation: animatezoom 0.3s;
 }
 
@@ -945,7 +945,7 @@ ejs-calendar {
     transform: scale(1);
   }
 }
-.e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
+.e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
   box-shadow: 0 0 0 1px #9ca3af;
   border-radius: 4px;
 }

package/styles/timepicker/_bds-definition.scss

@@ -0,0 +1,84 @@
+// size variables
+$timepicker-skin-name: $skin-name !default;
+$timepicker-default-text-indent: 12px !default;
+$timepicker-list-bigger-line-height: 40px !default;
+$timepicker-list-normal-line-height: 32px !default;
+$timepicker-list-normal-font-size: $text-sm !default;
+$timepicker-list-bigger-font-size: $text-base !default;
+$timepicker-list-normal-text-indent: $timepicker-default-text-indent !default;
+$timepicker-list-bigger-text-indent: 16px !default;
+$timepicker-popup-border-radius: 8px !default;
+$timepicker-list-font-weight: $font-weight-normal !default;
+$timepicker-list-normal-padding: 4px !default;
+$timepicker-list-bigger-padding: 4px !default;
+$timepicker-font-icon: '\e20c' !default;
+$timepicker-icon-normal-font-size: $text-base !default;
+$timepicker-icon-bigger-font-size: $text-lg !default;
+$timepicker-normal-input-min-height: 20px !default;
+$timepicker-normal-input-min-width: 20px !default;
+$timepicker-bigger-input-min-height: 22px !default;
+$timepicker-bigger-input-min-width: 22px !default;
+$timepicker-list-default-border-style: none !default;
+$timepicker-disable-opacity: 1 !default;
+
+// mouse small
+$timepicker-list-small-font-size: $text-sm !default;
+$timepicker-list-small-line-height: 26px !default;
+$timepicker-list-small-text-indent: 12px !default;
+
+// mouse small icon
+$timepicker-icon-small-font-size: $text-sm !default;
+
+// Touch small
+$timepicker-list-bigger-small-font-size: $text-sm !default;
+$timepicker-list-bigger-small-line-height: 32px !default;
+$timepicker-list-bigger-small-text-indent: 12px !default;
+
+// Touch small icon
+$timepicker-icon-bigger-small-font-size: $text-base !default;
+
+// color variables
+$timepicker-popup-shadow: $shadow-lg !default;
+$timepicker-list-default-font-color: $content-text-color !default;
+$timepicker-list-border-color: 1px solid $border-light !default;
+$timepicker-list-hover-border-color: none !default;
+$timepicker-list-bg-color: $flyout-bg-color !default;
+$timepicker-list-active-bg-color: $content-bg-color-selected !default;
+$timepicker-list-active-font-color: $content-text-color-selected !default;
+$timepicker-list-active-icon-color: $content-text-color-selected !default;
+$timepicker-list-hover-bg-color: $content-bg-color-hover !default;
+$timepicker-list-hover-font-color: $content-text-color-hover !default;
+$timepicker-list-popup-icon-active-color: $content-text-color-selected !default;
+$timepicker-list-active-hover-bg-color: $content-bg-color-hover !default;
+$timepicker-list-active-hover-font-color: $content-text-color-selected !default;
+$timepicker-disable-text: $content-text-color-disabled !default;
+$timepicker-default-overlay: $content-bg-color-alt2 !default;
+$timepicker-list-small-font-color: $content-text-color !default;
+
+// modal dialog colors
+$modal-header-bg-color: $content-bg-color-alt1 !default;
+$modal-header-text-color: $content-text-color-alt1 !default;
+
+// modal dialog portrait dimensions
+$modal-header-height: 10% !default;
+$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
+$modal-header-display-style: flex !default;
+$modal-header-content-align: center !default;
+$modal-header-portrait-font-size: 2vh !default;
+$modal-close-icon-float: left !default;
+$modal-portrait-content-padding: 1vh 2vw !default;
+$modal-content-height: 90% !default;
+$modal-content-overflow: auto !default;
+$modal-header-title-transform: capitalize !default;
+$modal-header-border-bottom: none !default;
+$modal-list-line-height: 5vh !default;
+$modal-landscape-list-line-height: 10vh !default;
+
+// modal dialog landscape dimensions
+$modal-header-landscape-height: 15% !default;
+$modal-content-landscape-height: 85% !default;
+$modal-header-landscape-font-size: 2vw !default;
+$modal-landscape-padding: 1vh 1vw !default;
+$modal-list-item-padding: 1vh 0 !default;
+$modal-mobile-font-size: 14px !default;
+$modal-tablet-font-size: 24px !default;

package/styles/timepicker/icons/_bds.scss

@@ -0,0 +1,24 @@
+@include export-module('timepicker-bds-icons') {
+
+  /*! component icons */
+
+  .e-time-wrapper,
+  #{if(&, '&', '*')}.e-control-wrapper.e-time-wrapper {
+
+    #{if(&, '&', '*')} .e-time-icon.e-icons::before {
+      content: '\e705';
+    }
+  }
+
+  .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand,
+  .e-datetimepicker.e-popup-expand {
+
+    #{if(&, '&', '*')} .e-model-header {
+
+      #{if(&, '&', '*')} .e-popup-close::before {
+        content: '\e7e7';
+        font-family: 'e-icons';
+      }
+    }
+  }
+}