docs: update RTL examples

Author: mrholek

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

docs/content/forms/date-picker.md

@@ -164,19 +164,19 @@ 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 >}}
 
 ### 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 >}}

docs/content/forms/date-range-picker.md

@@ -233,19 +233,19 @@ 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 >}}
 
 ### 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 >}}

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 }}