beyond-webui 1.1.27 → 1.1.29

package/theme-chalk/src/date-picker/date-picker.scss

@@ -63,13 +63,13 @@
   }
 
   @include e(header-label) {
-    font-size: 16px;
-    font-weight: 500;
+    font-size: 14px;
+    font-weight: 600;
     padding: 0 5px;
     line-height: 22px;
     text-align: center;
     cursor: pointer;
-    color: getCssVar('text-color', 'regular');
+    color: getCssVar('text-color', 'custom');
 
     &:hover {
       color: getCssVar('datepicker-hover-text-color');

package/theme-chalk/src/date-picker/date-range-picker.scss

@@ -44,9 +44,10 @@
     }
 
     div {
-      font-size: 16px;
-      font-weight: 500;
+      font-size: 14px;
+      font-weight: 600;
       margin-right: 50px;
+      color: getCssVar('text-color', 'custom');;
     }
   }
 

package/theme-chalk/src/date-picker/date-table.scss

@@ -2,7 +2,7 @@
 @use '../mixins/mixins' as *;
 
 @include b(date-table) {
-  font-size: 12px;
+  font-size: 13px;
   user-select: none;
 
   @include when(week-mode) {
@@ -11,14 +11,17 @@
         .#{$namespace}-date-table-cell {
           background-color: getCssVar('datepicker-inrange-bg-color');
         }
+
         td.available:hover {
           color: getCssVar('datepicker-text-color');
         }
+
         td:first-child .#{$namespace}-date-table-cell {
           margin-left: 5px;
           border-top-left-radius: 15px;
           border-bottom-left-radius: 15px;
         }
+
         td:last-child .#{$namespace}-date-table-cell {
           margin-right: 5px;
           border-top-right-radius: 15px;
@@ -46,15 +49,10 @@
       padding: 3px 0;
       box-sizing: border-box;
       @include b(date-table-cell__text) {
-        width: 24px;
-        height: 24px;
+        width: 100%;
+        height: 100%;
         display: block;
-        margin: 0 auto;
         line-height: 24px;
-        position: absolute;
-        left: 50%;
-        transform: translateX(-50%);
-        border-radius: 50%;
       }
     }
 
@@ -65,10 +63,15 @@
 
     &.today {
       position: relative;
+
+      .#{$namespace}-date-table-cell {
+        border: 1px solid getCssVar('color-primary');
+      }
+
       .#{$namespace}-date-table-cell__text {
-        color: getCssVar('color-primary');
         font-weight: bold;
       }
+
       &.start-date .#{$namespace}-date-table-cell__text,
       &.end-date .#{$namespace}-date-table-cell__text {
         color: $color-white;
@@ -81,16 +84,18 @@
 
     &.in-range .#{$namespace}-date-table-cell {
       background-color: getCssVar('datepicker-inrange-bg-color');
+
       &:hover {
         background-color: getCssVar('datepicker-inrange-hover-bg-color');
       }
     }
 
     &.current:not(.disabled) {
-      .#{$namespace}-date-table-cell__text {
+      .#{$namespace}-date-table-cell {
         color: $color-white;
         background-color: getCssVar('datepicker-active-color');
       }
+
       &:focus-visible {
         .#{$namespace}-date-table-cell__text {
           outline: 2px solid getCssVar('datepicker-active-color');
@@ -98,6 +103,7 @@
         }
       }
     }
+
     &.start-date .#{$namespace}-date-table-cell,
     &.end-date .#{$namespace}-date-table-cell {
       color: $color-white;
@@ -130,17 +136,12 @@
     &.selected .#{$namespace}-date-table-cell {
       margin-left: 5px;
       margin-right: 5px;
-      background-color: getCssVar('datepicker-inrange-bg-color');
-      border-radius: 15px;
-      &:hover {
-        background-color: getCssVar('datepicker-inrange-hover-bg-color');
-      }
-    }
-
-    &.selected .#{$namespace}-date-table-cell__text {
       background-color: getCssVar('datepicker-active-color');
       color: $color-white;
-      border-radius: 15px;
+
+      &:hover {
+        background-color: #eb8753;
+      }
     }
 
     &.week {

package/theme-chalk/src/date-picker/month-table.scss

@@ -14,11 +14,13 @@
       height: 48px;
       padding: 6px 0;
       box-sizing: border-box;
+
     }
     &.today {
       .cell {
         color: getCssVar('color-primary');
         font-weight: bold;
+        border: 1px solid getCssVar('color-primary');
       }
       &.start-date .cell,
       &.end-date .cell {
@@ -43,7 +45,6 @@
       line-height: 36px;
       color: getCssVar('datepicker-text-color');
       margin: 0 auto;
-      border-radius: 18px;
       &:hover {
         color: getCssVar('datepicker-hover-text-color');
       }
@@ -77,7 +78,8 @@
     }
 
     &.current:not(.disabled) .cell {
-      color: getCssVar('datepicker-active-color');
+      background-color: getCssVar('datepicker-active-color');
+      color: #fff;
     }
 
     &:focus-visible {

package/theme-chalk/src/date-picker/picker-panel.scss

@@ -2,6 +2,7 @@
 @use '../common/var' as *;
 
 @include b(picker-panel) {
+  font-family: Inter, sans-serif;
   color: getCssVar('text-color', 'regular');
   background: getCssVar('bg-color', 'overlay');
   border-radius: getCssVar('border-radius-base');

package/theme-chalk/src/date-picker/year-table.scss

@@ -19,6 +19,7 @@
       .cell {
         color: getCssVar('color', 'primary');
         font-weight: bold;
+        border: 1px solid getCssVar('color-primary');
       }
     }
 
@@ -38,7 +39,6 @@
       display: block;
       line-height: 36px;
       color: getCssVar('datepicker-text-color');
-      border-radius: 18px;
       margin: 0 auto;
 
       &:hover {
@@ -47,7 +47,8 @@
     }
 
     &.current:not(.disabled) .cell {
-      color: getCssVar('datepicker-active-color');
+      background-color: getCssVar('datepicker-active-color');
+      color: #fff;
     }
 
     &:focus-visible {