<div class="mb-10">
<label for="" class="form-label">Default input style</label>
<input class="form-control" placeholder="Pick a date" id="kt_datepicker_1"/>
</div>
<script>
flatpickr("#kt_datepicker_1", {
enableTime: false,
allowInput: true,
dateFormat: "Y-m-d",
maxDate: "today",
locale: "ar",
});
</script>
<html lang="ar" dir="rtl" direction="rtl" >
tools/webpack/plugins/plugins.scss
and edit wrap the flatpickr CSS with begin-rtl-ignore.css
and end-rtl-ignore.css
external CSS files:@import "rtl/begin-rtl-ignore.css";
@import "~flatpickr/dist/flatpickr.css";
@import "rtl/end-rtl-ignore.css";
begin-rtl-ignore.css
and end-rtl-ignore.css
external CSS files into tools/webpack/plugins/rtl
folder with following contents:rtl/begin-rtl-ignore.css
/*rtl:begin:ignore*/
rtl/end-rtl-ignore.css
/*rtl:end:ignore*/