From 9c9d0e5d0f5690155ef063cb31a9fb38eacb7be6 Mon Sep 17 00:00:00 2001
From: Mohammad Hossein Rastegarinia <mh.rastegari@outlook.com>
Date: Thu, 28 Mar 2024 21:05:36 +0330
Subject: [PATCH] feat(blazorui): improve BitDateRangePicker Dir style handling
 #7253 (#7254)

---
 .../DateRangePicker/BitDateRangePicker.scss   | 29 ++++++-------------
 1 file changed, 9 insertions(+), 20 deletions(-)

diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/DateRangePicker/BitDateRangePicker.scss b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/DateRangePicker/BitDateRangePicker.scss
index 205f8ad7d3..af170e80a6 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/DateRangePicker/BitDateRangePicker.scss
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/DateRangePicker/BitDateRangePicker.scss
@@ -40,23 +40,6 @@
             border-color: $color-state-error;
         }
     }
-
-    &.bit-rtl {
-        direction: rtl;
-
-        .bit-dtrp-wnm {
-            border-right: none;
-            border-left: $shape-border-width $shape-border-style $color-border-secondary;
-        }
-
-        .bit-dtrp-dss {
-            border-radius: 0 spacing(1) spacing(1) 0;
-        }
-
-        .bit-dtrp-dse {
-            border-radius: spacing(1) 0 0 spacing(1);
-        }
-    }
 }
 
 .bit-dtrp-lbl {
@@ -406,7 +389,10 @@
 .bit-dtrp-dss {
     color: $color-primary-text;
     background-color: $color-primary-main;
-    border-radius: spacing(1) 0 0 spacing(1);
+    border-end-end-radius: 0;
+    border-start-end-radius: 0;
+    border-end-start-radius: spacing(1);
+    border-start-start-radius: spacing(1);
 
     @media (hover: hover) {
         &:hover {
@@ -418,7 +404,10 @@
 .bit-dtrp-dse {
     color: $color-primary-text;
     background-color: $color-primary-main;
-    border-radius: 0 spacing(1) spacing(1) 0;
+    border-end-end-radius: spacing(1);
+    border-start-end-radius: spacing(1);
+    border-end-start-radius: 0;
+    border-start-start-radius: 0;
 
     @media (hover: hover) {
         &:hover {
@@ -455,7 +444,7 @@
     padding: spacing(0.375) 0 0 0;
     color: $color-foreground-secondary;
     background-color: $color-background-secondary;
-    border-right: $shape-border-width $shape-border-style $color-border-secondary;
+    border-inline-end: $shape-border-width $shape-border-style $color-border-secondary;
 }
 
 .bit-dtrp-pkh {