1 | div[dir="rtl"] {
|
2 | #{$date-picker2-prefix} {
|
3 | &-footer {
|
4 | &-preset > .#{$css-prefix}btn {
|
5 | margin-left: $s-2;
|
6 | margin-right: 0;
|
7 | }
|
8 |
|
9 | &-actions {
|
10 | margin-left: 0;
|
11 | margin-right: auto;
|
12 | }
|
13 | }
|
14 | &-wrapper {
|
15 | #{$calendar2-prefix} {
|
16 | &-cell:last-child::before {
|
17 | border-top-right-radius: 0;
|
18 | border-bottom-right-radius: 0;
|
19 | right: 0;
|
20 | border-top-left-radius: 2px;
|
21 | border-bottom-left-radius: 2px;
|
22 | left: 8px;
|
23 | }
|
24 | &-cell:first-child::before {
|
25 | border-top-left-radius: 0;
|
26 | border-bottom-left-radius: 0;
|
27 | left: 0;
|
28 | border-top-right-radius: 2px;
|
29 | border-bottom-right-radius: 2px;
|
30 | right: 8px;
|
31 | }
|
32 | }
|
33 | }
|
34 | }
|
35 |
|
36 | .#{$css-prefix}date-time-picker-wrapper {
|
37 | border-right: 1px solid $color-line1-1;
|
38 | border-left: node;
|
39 |
|
40 | .#{$css-prefix}time-picker2-menu:not(:last-child) {
|
41 | border-left: 1px solid #DCDEE3;
|
42 | border-right: none;
|
43 | }
|
44 | }
|
45 |
|
46 | #{$range-picker2-prefix}-panel:not(#{$range-picker2-prefix}-panel-single) {
|
47 | #{$calendar2-prefix}-cell-current:not(#{$calendar2-prefix}-cell-disabled) {
|
48 | &#{$calendar2-prefix}-cell-selected {
|
49 | &#{$calendar2-prefix}-cell-range-begin::before {
|
50 | right: 50%;
|
51 | left: 0;
|
52 | }
|
53 | &#{$calendar2-prefix}-cell-range-end::before {
|
54 | left: 50%;
|
55 | right: 0;
|
56 | }
|
57 | }
|
58 |
|
59 | &#{$calendar2-prefix}-cell-hover {
|
60 | &#{$calendar2-prefix}-cell-hover-begin::after,
|
61 | &:first-child::after {
|
62 | right: 8px;
|
63 | }
|
64 | &#{$calendar2-prefix}-cell-hover-begin:not(:last-child)::after,
|
65 | &:first-child:not(#{$calendar2-prefix}-cell-hover-end)::after {
|
66 | left: 0;
|
67 | }
|
68 |
|
69 | &#{$calendar2-prefix}-cell-hover-end::after,
|
70 | &:last-child::after {
|
71 | left: 8px;
|
72 | }
|
73 |
|
74 | &#{$calendar2-prefix}-cell-hover-end:not(:first-child)::after,
|
75 | &:last-child:not(#{$calendar2-prefix}-cell-hover-begin)::after {
|
76 | right: 0;
|
77 | }
|
78 |
|
79 | &#{$calendar2-prefix}-cell-selected {
|
80 | &#{$calendar2-prefix}-cell-hover-begin::after {
|
81 | left: 0;
|
82 | right: 7px;
|
83 | }
|
84 | &#{$calendar2-prefix}-cell-hover-end::after {
|
85 | right: 0;
|
86 | left: 7px;
|
87 | }
|
88 | }
|
89 | &:first-of-type::after {
|
90 | border-top-left-radius: 0;
|
91 | border-bottom-left-radius: 0;
|
92 | border-left: none;
|
93 | border-top-right-radius: 2px;
|
94 | border-bottom-right-radius: 2px;
|
95 | border-right: 1px dashed $color-brand1-9;
|
96 | }
|
97 | &:last-of-type::after {
|
98 | border-top-right-radius: 0;
|
99 | border-bottom-right-radius: 0;
|
100 | border-right: none;
|
101 | border-top-left-radius: 2px;
|
102 | border-bottom-left-radius: 2px;
|
103 | border-left: 1px dashed $color-brand1-9;
|
104 | }
|
105 | }
|
106 |
|
107 | &#{$calendar2-prefix}-cell-edge-end {
|
108 | &::before,
|
109 | &::after {
|
110 | right: 0;
|
111 | left: 8px;
|
112 | }
|
113 | &#{$calendar2-prefix}-cell-hover::after {
|
114 | border-top-right-radius: 0;
|
115 | border-bottom-right-radius: 0;
|
116 | border-right: none;
|
117 | border-top-left-radius: 2px;
|
118 | border-bottom-left-radius: 2px;
|
119 | border-left: 1px dashed $color-brand1-9;
|
120 | }
|
121 | }
|
122 |
|
123 | &#{$calendar2-prefix}-cell-hover-begin::after {
|
124 | border-left: none;
|
125 | border-top-left-radius: 0;
|
126 | border-bottom-left-radius: 0;
|
127 | border-right: 1px dashed $color-brand1-9;
|
128 | border-top-right-radius: 2px;
|
129 | border-bottom-right-radius: 2px;
|
130 | }
|
131 | &#{$calendar2-prefix}-cell-hover-end::after {
|
132 | border-right: none;
|
133 | border-top-right-radius: 0;
|
134 | border-bottom-right-radius: 0;
|
135 | border-left: 1px dashed $color-brand1-9;
|
136 | border-top-left-radius: 2px;
|
137 | border-bottom-left-radius: 2px;
|
138 | }
|
139 | }
|
140 |
|
141 | #{$calendar2-prefix}-cell-edge-end + #{$calendar2-prefix}-cell-current:not(#{$calendar2-prefix}-cell-disabled) {
|
142 | &::before,
|
143 | &::after {
|
144 | right: 8px;
|
145 | left: 0;
|
146 | }
|
147 | &#{$calendar2-prefix}-cell-hover {
|
148 | &::after {
|
149 | right: 8px;
|
150 | border-top-right-radius: 2px;
|
151 | border-bottom-right-radius: 2px;
|
152 | border-right: 1px dashed $color-brand1-9;
|
153 | }
|
154 | &:not(#{$calendar2-prefix}-cell-hover-end):not(#{$calendar2-prefix}-cell-hover-begin)::after {
|
155 | border-top-left-radius: 0;
|
156 | border-bottom-left-radius: 0;
|
157 | border-left: none;
|
158 | }
|
159 | }
|
160 | }
|
161 | }
|
162 |
|
163 | #{$calendar2-prefix}-table-week {
|
164 | #{$calendar2-prefix}-week-current {
|
165 | #{$calendar2-prefix}-cell#{$calendar2-prefix}-cell-selected {
|
166 | &:nth-child(2)::before {
|
167 | right: 50%;
|
168 | left: 0;
|
169 | }
|
170 | &:last-child::before {
|
171 | left: 50%;
|
172 | right: 0;
|
173 | }
|
174 | }
|
175 | }
|
176 | }
|
177 | }
|