IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Components: Adapt DateTimePicker component to RTL interface

Browse Source
This commit is contained in:
Aleksandr Lushkin 2023-07-10 17:10:41 +02:00
parent b825985b72
commit 8a1859ac35
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/components/date-time-picker/index.js
View File

@ -6,6 +6,7 @@ import TimePicker from "@docspace/components/time-picker";
import DatePicker from "@docspace/components/date-picker";
import ClockIcon from "PUBLIC_DIR/images/clock.react.svg";
import { getCorrectFourValuesStyle } from "../utils/rtlUtils";
const Selectors = styled.div`
position: relative;
@ -39,12 +40,16 @@ const TimeCell = styled.span`
.clockIcon {
width: 12px;
height: 12px;
padding: 0 10px 0 2px;
padding: ${({ theme }) =>
getCorrectFourValuesStyle("0 10px 0 2px", theme.interfaceDirection)};
}
`;
const TimeSelector = styled.span`
margin-left: 4px;
${({ theme }) =>
theme.interfaceDirection === "rtl"
? `margin-right: 4px;`
: `margin-left: 4px;`}
display: inline-flex;
align-items: center;
`;