@syncfusion/ej2-calendars 24.2.8 → 25.1.35

package/styles/material-dark.css

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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';
+      }
+    }
+  }
+}