@syncfusion/ej2-calendars 34.2.6 → 35.1.37

package/styles/timepicker/_theme.scss

@@ -1,135 +0,0 @@
-@use 'variables' as *;
-@include export-module('timepicker-theme') {
-  .e-time-wrapper {
-    & .e-input-group-icon.e-icons.e-active {
-      @if $timepicker-skin-name == 'bootstrap4' or $timepicker-skin-name == 'bootstrap5' or $timepicker-skin-name == 'bootstrap5.3' {
-        background: $timepicker-icon-active-bg-color;
-        border-color: $timepicker-active-border-color;
-      }
-      color: $timepicker-list-active-icon-color;
-    }
-
-    &.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
-      color: $timepicker-list-popup-icon-active-color;
-      @if $timepicker-skin-name == 'Material3' {
-        border: $timepicker-icon-active-border;
-        border-radius: $timepicker-icon-active-border-radius;
-        background: $timepicker-icon-active-bg-color;
-      }
-    }
-  }
-
-  #{&}.e-timepicker.e-popup {
-    @if $timepicker-skin-name != 'Material3' {
-      background-color: $timepicker-list-bg-color;
-    }
-    @if $timepicker-skin-name == 'Material3' {
-      background: $timepicker-list-bg-color;
-    }
-    border: $timepicker-list-border-color;
-    border-radius: $timepicker-popup-border-radius;
-    box-shadow: $timepicker-popup-shadow;
-
-    & .e-list-parent.e-ul {
-      @if $timepicker-skin-name != 'Material3' {
-        background-color: $timepicker-list-bg-color;
-      }
-      @if $timepicker-skin-name == 'Material3' {
-        background: $timepicker-list-bg-color;
-      }
-
-      & li.e-list-item {
-        border: $timepicker-list-default-border-style;
-        color: $timepicker-list-default-font-color;
-      }
-
-      & .e-list-item.e-disabled {
-        color: $timepicker-disable-text;
-        opacity: $timepicker-disable-opacity;
-        pointer-events: none;
-        touch-action: none;
-      }
-
-      & .e-list-item.e-hover {
-        @if $skin-name == 'tailwind3' {
-          background: $timepicker-list-hover-bg-color;
-          color: $timepicker-list-hover-font-color;
-        }
-      }
-
-      & .e-list-item.e-navigation {
-        @if $skin-name == 'tailwind3' {
-          background: $timepicker-list-navigation-bg-color;
-          color: $timepicker-list-navigation-font-color;
-          box-shadow: $timepicker-list-navigation-box-shadow;
-        }
-      }
-
-      & .e-list-item:focus {
-        @if $skin-name == 'tailwind3' {
-          background: $timepicker-list-focus-bg-color;
-          color: $timepicker-list-focus-font-color;
-        }
-      }
-
-      & .e-list-item.e-hover,
-      & .e-list-item.e-navigation,
-      & .e-list-item:focus {
-        @if $timepicker-skin-name != 'Material3' {
-          background-color: $timepicker-list-hover-bg-color;
-        }
-        @if $timepicker-skin-name == 'Material3' {
-          background: $timepicker-list-hover-bg-color;
-        }
-        border: $timepicker-list-hover-border-color;
-        color: $timepicker-list-hover-font-color;
-      }
-
-      & .e-list-item.e-active {
-        @if $timepicker-skin-name != 'Material3' and $timepicker-skin-name != 'tailwind3' {
-          background-color: $timepicker-list-active-bg-color;
-        }
-        @if $timepicker-skin-name == 'Material3' {
-          background: $timepicker-list-active-bg-color;
-        }
-        color: $timepicker-list-active-font-color;
-        @if $skin-name == 'tailwind3' {
-          font-weight: $font-weight-medium;
-        }
-      }
-
-      & .e-list-item.e-active.e-hover {
-        @if $timepicker-skin-name != 'Material3' {
-          background-color: $timepicker-list-active-hover-bg-color;
-        }
-        @if $timepicker-skin-name == 'Material3' {
-          background: $timepicker-list-active-hover-bg-color;
-        }
-        color: $timepicker-list-active-hover-font-color;
-      }
-    }
-  }
-
-  .e-small #{&}.e-timepicker.e-popup,
-  *.e-small#{&}.e-timepicker.e-popup {
-    & .e-list-parent.e-ul {
-      & .e-list-item {
-        color: $timepicker-list-small-font-color;
-      }
-    }
-  }
-
-  .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand,
-  .e-datetimepicker.e-popup-expand {
-
-    & .e-model-header {
-      background-color: $modal-header-bg-color;
-      color: $modal-header-text-color;
-
-      & .e-popup-close {
-        color: $modal-header-text-color;
-        font-weight: $timepicker-model-title-font-weight;
-      }
-    }
-  }
-}

package/styles/timepicker/_variables.scss

@@ -1,2 +0,0 @@
-@forward '@syncfusion/ej2-base/styles/common/_base-variables';
-@forward '_material3-definition';

package/styles/timepicker/bds.css

@@ -1,323 +0,0 @@
-
-
-
-
-/*! component icons */
-.e-time-wrapper .e-time-icon.e-icons::before,
-*.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
-  content: "\e705";
-}
-
-.e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header .e-popup-close::before,
-.e-datetimepicker.e-popup-expand .e-model-header .e-popup-close::before {
-  content: "\e7e7";
-  font-family: "e-icons";
-}
-
-.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;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.e-time-wrapper,
-*.e-control-wrapper.e-time-wrapper {
-  /* stylelint-disable property-no-vendor-prefix */
-  -webkit-tap-highlight-color: transparent;
-}
-.e-time-wrapper .e-time-icon.e-icons,
-*.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
-  font-size: 16px;
-}
-.e-time-wrapper .e-time-icon.e-icons.e-disabled,
-*.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
-  pointer-events: none;
-}
-.e-time-wrapper span,
-*.e-control-wrapper.e-time-wrapper span {
-  cursor: pointer;
-}
-
-.e-timepicker.e-time-modal {
-  background-color: var(--color-sf-bg-secondary);
-  height: 100%;
-  left: 0;
-  opacity: 0.5;
-  pointer-events: auto;
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: 999;
-}
-
-.e-timepicker.e-popup {
-  border-style: solid;
-  border-width: 1px;
-  overflow: auto;
-}
-.e-timepicker.e-popup .e-content {
-  position: relative;
-}
-.e-timepicker.e-popup .e-list-parent.e-ul {
-  margin: 0;
-  padding: 4px 0;
-}
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
-  cursor: default;
-  font-size: 14px;
-  overflow: hidden;
-  position: relative;
-  text-overflow: ellipsis;
-  vertical-align: middle;
-  white-space: nowrap;
-  width: 100%;
-}
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
-  cursor: pointer;
-}
-
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
-  line-height: 32px;
-  text-indent: 12px;
-}
-
-.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
-  font-size: 14px;
-  line-height: 26px;
-  text-indent: 12px;
-}
-
-.e-small .e-time-wrapper .e-time-icon.e-icons,
-*.e-small.e-time-wrapper .e-time-icon.e-icons,
-*.e-small .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
-*.e-control-wrapper.e-small.e-time-wrapper .e-time-icon.e-icons {
-  font-size: 14px;
-}
-
-.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
-  background-size: 250px 33px;
-  min-height: 33px;
-}
-
-/* stylelint-disable */
-.e-time-overflow {
-  overflow: hidden;
-}
-
-.e-timepicker-mob-popup-wrap {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  height: 100%;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  left: 0;
-  max-height: 100%;
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: 1002;
-}
-.e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
-  left: 0 !important;
-  position: relative;
-  top: 0 !important;
-}
-
-.e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
-.e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
-.e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
-.e-datetimepicker.e-popup-expand.e-popup {
-  border-radius: 0;
-}
-
-.e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header,
-.e-datetimepicker.e-popup-expand .e-model-header {
-  height: 10%;
-  padding: 2.5vh 2.5vw 2.5vh 1.5vw;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  font-size: 2vh;
-  border-bottom: none;
-}
-.e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-popup-close,
-.e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
-  float: left;
-  padding: 1vh 2vw;
-}
-.e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-model-title,
-.e-datetimepicker.e-popup-expand .e-model-header .e-model-title {
-  padding: 1vh 2vw;
-  text-transform: capitalize;
-  font-weight: 500;
-}
-.e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-btn.e-popup-close,
-.e-datetimepicker.e-popup-expand .e-model-header .e-btn.e-popup-close {
-  font-size: 2vh;
-}
-.e-timepicker-mob-popup-wrap .e-popup-expand .e-content,
-.e-datetimepicker.e-popup-expand .e-content {
-  height: 90%;
-  overflow: auto;
-}
-.e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
-.e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
-  padding: 1vh 0;
-  line-height: 5vh;
-}
-@media (max-device-width: 768px) {
-  .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
-  .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
-    font-size: 14px;
-  }
-}
-@media (min-device-width: 768px) {
-  .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
-  .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
-    font-size: 24px;
-  }
-}
-
-@media screen and (orientation: landscape) {
-  .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header,
-  .e-datetimepicker.e-popup-expand .e-model-header {
-    height: 15%;
-    font-size: 2vw;
-  }
-  .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-popup-close,
-  .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
-    padding: 1vh 1vw;
-  }
-  .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-model-title,
-  .e-datetimepicker.e-popup-expand .e-model-header .e-model-title {
-    padding: 1vh 1vw;
-  }
-  .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-btn.e-popup-close,
-  .e-datetimepicker.e-popup-expand .e-model-header .e-btn.e-popup-close {
-    font-size: 2vw;
-  }
-  .e-timepicker-mob-popup-wrap .e-popup-expand .e-content,
-  .e-datetimepicker.e-popup-expand .e-content {
-    height: 85%;
-  }
-  .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
-  .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
-    padding: 1vh 0;
-    line-height: 10vh;
-  }
-}
-/* stylelint-enable */
-.e-time-wrapper .e-input-group-icon.e-icons.e-active {
-  color: var(--color-sf-text-primary);
-}
-.e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
-  color: var(--color-sf-text-primary);
-}
-
-.e-timepicker.e-popup {
-  background-color: var(--color-sf-bg-primary-alt);
-  border: 1px solid var(--color-sf-border-secondary);
-  border-radius: 8px;
-  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
-          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
-}
-.e-timepicker.e-popup .e-list-parent.e-ul {
-  background-color: var(--color-sf-bg-primary-alt);
-}
-.e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
-  border: none;
-  color: var(--color-sf-text-primary);
-}
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
-  color: var(--color-sf-text-disabled);
-  opacity: 1;
-  pointer-events: none;
-  -ms-touch-action: none;
-      touch-action: none;
-}
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
-  background-color: var(--color-sf-bg-secondary-hover);
-  border: none;
-  color: var(--color-sf-text-secondary-hover);
-}
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
-  background-color: var(--color-sf-utility-content-bg-color-selected);
-  color: var(--color-sf-text-primary);
-}
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
-  background-color: var(--color-sf-bg-secondary-hover);
-  color: var(--color-sf-text-primary);
-}
-
-.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
-  color: var(--color-sf-text-primary);
-}
-
-.e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header,
-.e-datetimepicker.e-popup-expand .e-model-header {
-  background-color: var(--color-sf-bg-primary-alt);
-  color: var(--color-sf-text-secondary);
-}
-.e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header .e-popup-close,
-.e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
-  color: var(--color-sf-text-secondary);
-  font-weight: 500;
-}
-
-.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,
-*.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
-  font-size: 18px;
-}
-
-.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
-*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
-  padding: 4px 0;
-}
-.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
-  font-size: 16px;
-  line-height: 40px;
-  text-indent: 16px;
-}
-
-.e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
-.e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
-  background-size: 250px 40px;
-  min-height: 40px;
-}
-
-.e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
-  font-size: 14px;
-  line-height: 32px;
-  text-indent: 12px;
-}
-
-.e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons,
-*.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons,
-*.e-small.e-bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
-*.e-control-wrapper.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons {
-  font-size: 16px;
-}
-
-.e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
-  color: var(--color-sf-text-primary);
-}

package/styles/timepicker/bds.scss

@@ -1,4 +0,0 @@
-@use 'bds-definition' as *;
-@use 'icons/bds' as *;
-@use 'all' as *;
-@use 'bigger' as *;