Sorry to dig that up : flatpickr-rtl-arrow-rendering-issue
but waited for 8.1.6 to be released, after tried the flatpicker,
it still the same thing
What I did is simple :
1 - I compiled the Metronic 8.1.6 (RTL)
2 - Put a Flatpicker html component inside index.html of the downloaded Metronic 8.1.6
<label for="" class="form-label">Default input style</label>
<input class="form-control" placeholder="Pick a date" id="kt_datepicker_1"/>
<html lang="ar" dir="rtl" direction="rtl" >
We found out that this was a Webpack issue with RTLCSS lib. As a workaround you should do the following changes:
1) Go to
tools/webpack/plugins/plugins.scss and edit wrap the flatpickr CSS with
end-rtl-ignore.css external CSS files:
end-rtl-ignore.cssexternal CSS files into
tools/webpack/plugins/rtlfolder with following contents:
LoL, Thank you Sean, of course I wanted Metronic to be a piece of art, a perfect web dashboard admin template.
Anyway, are you gonna put this into next upcoming release ??? just to know if I will make this fix as function or do it temporary because Metronic will include it in the next release ?????
Thank you Sean. You've been more than helpful.
I can confirm that the Flapickr buttons (left and right)are well rendering,
But to be perfect it misses something else :
- The month is truncated from above and below, the month doesn't show the punctuation (points underneath the month writing) which is important visually to read the month, but it is not that so important ... user can guessed it, but ..:
Here's the correct month punctuation with the points :
I will be great if you could increase the height of the month container.
Thank you so much for the such great feedback
Sure thing, we will check this as well and in the next update, all fixes will be included.