@progress/kendo-theme-material 8.0.0-dev.3 → 8.0.0-dev.4

package/dist/all.css

@@ -38944,16 +38944,16 @@ select.k-picker-lg {
     outline: 0;
 }
 
-.k-calendar-range .k-range-start {
+.k-calendar-range .k-range-start .k-calendar-cell-inner, .k-calendar-range .k-range-start .k-link,
+.k-calendar-range .k-range-start .k-link {
     border-color: inherit;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
+    border-radius: var(--kendo-border-radius-full, 9999px) 0 0 var(--kendo-border-radius-full, 9999px);
 }
 
-.k-calendar-range .k-range-end {
+.k-calendar-range .k-range-end .k-calendar-cell-inner, .k-calendar-range .k-range-end .k-link,
+.k-calendar-range .k-range-end .k-link {
     border-color: inherit;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
+    border-radius: 0 var(--kendo-border-radius-full, 9999px) var(--kendo-border-radius-full, 9999px) 0;
 }
 
 .k-calendar-range .k-range-mid {
@@ -38975,6 +38975,34 @@ select.k-picker-lg {
     margin-right: -100px;
 }
 
+.k-rtl .k-calendar-range .k-range-start .k-calendar-cell-inner, .k-rtl .k-calendar-range .k-range-start .k-link,
+.k-rtl .k-calendar-range .k-range-start .k-link,
+[dir="rtl"] .k-calendar-range .k-range-start .k-calendar-cell-inner,
+[dir="rtl"] .k-calendar-range .k-range-start .k-link,
+[dir="rtl"] .k-calendar-range .k-range-start .k-link,
+.k-calendar-range.k-rtl .k-range-start .k-calendar-cell-inner,
+.k-calendar-range.k-rtl .k-range-start .k-link,
+.k-calendar-range.k-rtl .k-range-start .k-link,
+.k-calendar-range[dir="rtl"] .k-range-start .k-calendar-cell-inner,
+.k-calendar-range[dir="rtl"] .k-range-start .k-link,
+.k-calendar-range[dir="rtl"] .k-range-start .k-link {
+    border-radius: 0 var(--kendo-border-radius-full, 9999px) var(--kendo-border-radius-full, 9999px) 0;
+}
+
+.k-rtl .k-calendar-range .k-range-end .k-calendar-cell-inner, .k-rtl .k-calendar-range .k-range-end .k-link,
+.k-rtl .k-calendar-range .k-range-end .k-link,
+[dir="rtl"] .k-calendar-range .k-range-end .k-calendar-cell-inner,
+[dir="rtl"] .k-calendar-range .k-range-end .k-link,
+[dir="rtl"] .k-calendar-range .k-range-end .k-link,
+.k-calendar-range.k-rtl .k-range-end .k-calendar-cell-inner,
+.k-calendar-range.k-rtl .k-range-end .k-link,
+.k-calendar-range.k-rtl .k-range-end .k-link,
+.k-calendar-range[dir="rtl"] .k-range-end .k-calendar-cell-inner,
+.k-calendar-range[dir="rtl"] .k-range-end .k-link,
+.k-calendar-range[dir="rtl"] .k-range-end .k-link {
+    border-radius: var(--kendo-border-radius-full, 9999px) 0 0 var(--kendo-border-radius-full, 9999px);
+}
+
 .k-calendar .k-title,
 .k-calendar .k-calendar-title {
     font-weight: 500;

package/dist/all.scss

@@ -31241,7 +31241,7 @@ $kendo-calendar-cell-line-height: $kendo-calendar-line-height !default;
 $kendo-calendar-cell-border-radius: 100px !default;
 
 /// The horizontal padding of the header cells in the Calendar.
-/// @group calenda
+/// @group calendar
 $kendo-calendar-header-cell-padding-x: null !default;
 /// The vertical padding of the header cells in the Calendar.
 /// @group calendar
@@ -31430,10 +31430,20 @@ $kendo-infinite-calendar-view-height: ( $kendo-calendar-cell-size * 9 ) !default
 
 // Multiview calendar
 
+/// The border radius of the range cells in the Multiview Calendar.
+/// @group calendar
+$kendo-calendar-range-cell-border-radius: k-border-radius(full) !default;
 
 // Calendar sizes
+
+/// The font size of the small Calendar.
+/// @group calendar
 $kendo-calendar-sm-font-size: var( --kendo-font-size, inherit )  !default;
+/// The line height of the small Calendar.
+/// @group calendar
 $kendo-calendar-sm-line-height: var( --kendo-line-height, normal ) !default;
+/// The size of the cells in the small Calendar.
+/// @group calendar
 $kendo-calendar-sm-cell-size: 32px !default;
 /// The horizontal padding of the cells in the small Calendar.
 /// @group calendar
@@ -31442,10 +31452,15 @@ $kendo-calendar-sm-cell-padding-x: k-spacing(0.5) !default;
 /// @group calendar
 $kendo-calendar-sm-cell-padding-y: k-spacing(0.5) !default;
 
+/// The font size of the medium Calendar.
+/// @group calendar
 $kendo-calendar-md-font-size: var( --kendo-font-size, inherit )  !default;
+/// The line height of the medium Calendar.
+/// @group calendar
 $kendo-calendar-md-line-height: var( --kendo-line-height, normal ) !default;
+/// The size of the cells in the medium Calendar.
+/// @group calendar
 $kendo-calendar-md-cell-size: 36px !default;
-
 /// The horizontal padding of the cells in the medium Calendar.
 /// @group calendar
 $kendo-calendar-md-cell-padding-x: k-spacing(1) !default;
@@ -31453,10 +31468,15 @@ $kendo-calendar-md-cell-padding-x: k-spacing(1) !default;
 /// @group calendar
 $kendo-calendar-md-cell-padding-y: k-spacing(1) !default;
 
+/// The font size of the large Calendar.
+/// @group calendar
 $kendo-calendar-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
+/// The line height of the large Calendar.
+/// @group calendar
 $kendo-calendar-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
+/// The size of the cells in the large Calendar.
+/// @group calendar
 $kendo-calendar-lg-cell-size: 40px !default;
-
 /// The horizontal padding of the cells in the large Calendar.
 /// @group calendar
 $kendo-calendar-lg-cell-padding-x: k-spacing(1) !default;
@@ -31964,15 +31984,15 @@ $kendo-calendar-sizes: (
             }
         }
 
-        .k-range-start {
+        .k-range-start .k-calendar-cell-inner,
+        .k-range-start .k-link {
             border-color: inherit;
-            border-top-right-radius: 0;
-            border-bottom-right-radius: 0;
+            border-radius: $kendo-calendar-range-cell-border-radius 0 0 $kendo-calendar-range-cell-border-radius;
         }
-        .k-range-end {
+        .k-range-end .k-calendar-cell-inner,
+        .k-range-end .k-link {
             border-color: inherit;
-            border-top-left-radius: 0;
-            border-bottom-left-radius: 0;
+            border-radius: 0 $kendo-calendar-range-cell-border-radius $kendo-calendar-range-cell-border-radius 0;
         }
         .k-range-mid {
             border-color: inherit;
@@ -31996,6 +32016,21 @@ $kendo-calendar-sizes: (
 
     }
 
+    .k-rtl .k-calendar-range,
+    [dir="rtl"] .k-calendar-range,
+    .k-calendar-range.k-rtl,
+    .k-calendar-range[dir="rtl"] {
+
+        .k-range-start .k-calendar-cell-inner,
+        .k-range-start .k-link {
+            border-radius: 0 $kendo-calendar-range-cell-border-radius $kendo-calendar-range-cell-border-radius 0;
+        }
+        .k-range-end .k-calendar-cell-inner,
+        .k-range-end .k-link {
+            border-radius: $kendo-calendar-range-cell-border-radius 0 0 $kendo-calendar-range-cell-border-radius;
+        }
+    }
+
 }