From ddc9c51eb9c815414c98b0b9cc4e2b5c3cfef8b8 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 14 May 2023 14:07:51 +0200
Subject: [PATCH] docs: update RTL examples

---
 docs/assets/scss/docs-pickers.scss      | 19 +++++++++++++++++++
 docs/content/forms/date-picker.md       |  8 ++++----
 docs/content/forms/date-range-picker.md |  8 ++++----
 docs/layouts/partials/stylesheet.html   |  4 ++++
 4 files changed, 31 insertions(+), 8 deletions(-)
 create mode 100644 docs/assets/scss/docs-pickers.scss

diff --git a/docs/assets/scss/docs-pickers.scss b/docs/assets/scss/docs-pickers.scss
new file mode 100644
index 000000000..3ac06cae9
--- /dev/null
+++ b/docs/assets/scss/docs-pickers.scss
@@ -0,0 +1,19 @@
+// fusv-disable
+$enable-ltr: false;
+$enable-rtl: true;
+// fusv-enable
+
+@import "../../../scss/functions";
+@import "../../../scss/variables";
+@import "../../../scss/variables-dark";
+@import "../../../scss/maps";
+@import "../../../scss/mixins";
+@import "../../../scss/utilities";
+
+// stylelint-disable selector-no-qualifying-type
+div[dir="rtl"] {
+  @import "../../../scss/calendar";
+  @import "../../../scss/date-picker";
+  @import "../../../scss/time-picker";
+}
+// stylelint-enable selector-no-qualifying-type
diff --git a/docs/content/forms/date-picker.md b/docs/content/forms/date-picker.md
index e556266e1..aa6d0a9c0 100644
--- a/docs/content/forms/date-picker.md
+++ b/docs/content/forms/date-picker.md
@@ -164,9 +164,9 @@ RTL support is built-in and can be explicitly controlled through the `$enable-rt
 ### Hebrew
 
 {{< example >}}
-<div class="row">
+<div class="row" dir="rtl">
   <div class="col-lg-4">
-    <div data-coreui-locale="he-IL" data-coreui-placeholder="בחר תאריך" data-coreui-toggle="date-picker" dir="rtl"></div>
+    <div data-coreui-locale="he-IL" data-coreui-placeholder="בחר תאריך" data-coreui-toggle="date-picker"></div>
   </div>
 </div>
 {{< /example >}}
@@ -174,9 +174,9 @@ RTL support is built-in and can be explicitly controlled through the `$enable-rt
 ### Persian
 
 {{< example >}}
-<div class="row">
+<div class="row" dir="rtl">
   <div class="col-lg-4">
-    <div data-coreui-locale="fa-IR" data-coreui-placeholder="تاریخ شروع" data-coreui-toggle="date-picker" dir="rtl"></div>
+    <div data-coreui-locale="fa-IR" data-coreui-placeholder="تاریخ شروع" data-coreui-toggle="date-picker"></div>
   </div>
 </div>
 {{< /example >}}
diff --git a/docs/content/forms/date-range-picker.md b/docs/content/forms/date-range-picker.md
index eec5d75ff..56edcd946 100644
--- a/docs/content/forms/date-range-picker.md
+++ b/docs/content/forms/date-range-picker.md
@@ -233,9 +233,9 @@ RTL support is built-in and can be explicitly controlled through the `$enable-rt
 ### Hebrew
 
 {{< example >}}
-<div class="row">
+<div class="row" dir="rtl">
   <div class="col-lg-5">
-    <div data-coreui-locale="he-IL" data-coreui-placeholder="בחר תאריך,תאריך סיום" data-coreui-toggle="date-range-picker" dir="rtl"></div>
+    <div data-coreui-locale="he-IL" data-coreui-placeholder="בחר תאריך,תאריך סיום" data-coreui-toggle="date-range-picker"></div>
   </div>
 </div>
 {{< /example >}}
@@ -243,9 +243,9 @@ RTL support is built-in and can be explicitly controlled through the `$enable-rt
 ### Persian
 
 {{< example >}}
-<div class="row">
+<div class="row" dir="rtl">
   <div class="col-lg-5">
-    <div data-coreui-locale="fa-IR" data-coreui-placeholder="تاریخ شروع,تاریخ پایان" data-coreui-toggle="date-range-picker" dir="rtl"></div>
+    <div data-coreui-locale="fa-IR" data-coreui-placeholder="تاریخ شروع,تاریخ پایان" data-coreui-toggle="date-range-picker"></div>
   </div>
 </div>
 {{< /example >}}
diff --git a/docs/layouts/partials/stylesheet.html b/docs/layouts/partials/stylesheet.html
index 9fa7cdb4c..0287c9fe5 100644
--- a/docs/layouts/partials/stylesheet.html
+++ b/docs/layouts/partials/stylesheet.html
@@ -25,4 +25,8 @@
 {{- $style := resources.Get "scss/docs.scss" | toCSS $sassOptions | postCSS $postcssOptions }}
 
 <link href="{{ $style.Permalink | relURL }}" rel="stylesheet">
+
+{{- $stylePickers := resources.Get "scss/docs-pickers.scss" | toCSS }}
+
+<link href="{{ $stylePickers.Permalink | relURL }}" rel="stylesheet">
 {{- end }}