Closed ErezKatsman closed 11 months ago
If they have 3202/40/32
it looks like a miss match with the RTL (Right To Left) in the theme provider and the browser.
A solution could be to move to the last date-pickers version (after 6.0.4) since we removed some special characters when not needed https://github.com/mui/mui-x/pull/8325
If it does not fix your problem, I would need a reproduction to investigate. This codesandbox can be a goo starting point: https://codesandbox.io/s/c0tsg2?file=/demo.tsx
Hi Alex, thank you for your respond. For now I updated the DatePickers version to last. And what do you mean by adding RTL to theme provider ? And I will update if the problem solved just after I will release new version for customer's onprem environment. if you have missing information specify what you think is necessary you to know. Thank you again
And what do you mean by adding RTL to theme provider
I'm talking about this step
import { createTheme } from '@mui/material/styles';
const theme = createTheme({
direction: 'rtl',
});
You have two way of specifying rtl. The first is dir="rtl"
which tells the browser that characters might be written from right to left, and that margin start is at the right, ... But sometime we need to revert element orders, or other small tweaks so the theme
has a property called direction
to know if we should render components for LTR or RTL
In the case of pickers, between v6.0.0 and v6.0.4 we were adding some specific utf-8 characters to enforce characters and sections order. BUt to work, it resuire that the HTML dir
and the theme direction
are coherent
The issue has been inactive for 7 days and has been automatically closed. If you think that it has been incorrectly closed, please reopen it and provide missing information (if any) or continue the last discussion.
Order ID or Support key π³ (optional)
[Order #61468]
Duplicates
Latest version
The problem in depth π
Hi, i'm working with DatePicker. and I use format DD/MM/YYYY. In my computer the format works as as expected. In the client's onprem VM it displays the date backwards. Example: in my computer (local or AWS host) its 23/04/2023 and at the clients host is 3202/40/32. I didn't find a solution for this problem. I want to override the output text, something like valueFormatter in DataGrid columns prop. I didn't find any prop to change the input display.
Your environment π