fix: FluentDateTime in RTL Mode

[NabaviFard-Mahdi]

🐛 Bug Report

In RTL mode when some days are disabled. The line that is placed on the days is not aligned with the writing of the day number

💻 Repro or Code Sample

demo site : https://www.fluentui-blazor.net/DateTime

🤔 Expected Behavior

Similar to the LTR mode, the line not aligned exactly on the text of the number

😯 Current Behavior

the line not aligned exactly on the text of the number

💁 Possible Solution

🔦 Context

🌍 Your Environment

• OS & Device: Windows on PC
• Browser Google Chrome Version 130.0.6723.92 (Official Build) (64-bit)
• .NET and Fluent UI Blazor library Version 8.0.2 and 4.10.3

[dvoituron]

That will be fixed in the next Release. See #2909

In the meantime, you can add this CSS code in your project.

[dir="rtl"] .fluent-calendar .day[disabled]::before {
    transform: translate(4px, 0px) rotate(45deg);
}