Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

datepicker panel in RTL #49664

Closed
hmz22 opened this issue Jul 1, 2024 · 2 comments
Closed

datepicker panel in RTL #49664

hmz22 opened this issue Jul 1, 2024 · 2 comments

Comments

@hmz22
Copy link
Contributor

hmz22 commented Jul 1, 2024

Reproduction link

Edit on StackBlitz

Steps to reproduce

when use ConfigProvider direction RTL datepicker panel show wrong order and must change it

What is expected?

you must change order of box.
I change in css manually:
https://stackblitz.com/edit/react-qaqj3j-jhswhe?file=demo.tsx,index.css

also missing arrow for rangepicker in rtl.
in LTR have this class:

:where(.css-dev-only-do-not-override-m4timi).ant-picker-dropdown.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
    top: 0;
    display: block;
    transform: translateY(-100%);
}

What is actually happening?

--

Environment Info
antd 5.18.3
React 18.3.1
System Windows 11
Browser chrome
Copy link

stackblitz bot commented Jul 1, 2024

@afc163
Copy link
Member

afc163 commented Jul 1, 2024

Fixed in #49333

@afc163 afc163 closed this as completed Jul 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants