@nextcloud/vue 9.13.0 → 9.13.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/dist/assets/NcAppNavigationSettings.css +6 -6
- package/dist/assets/NcAppSettingsDialog.css +3 -3
- package/dist/assets/NcAppSettingsShortcutsSection.css +1 -1
- package/dist/assets/NcAppSidebar.css +28 -28
- package/dist/assets/NcAssistantButton.css +9 -9
- package/dist/assets/NcAssistantContent.css +3 -3
- package/dist/assets/NcAssistantIcon.css +4 -4
- package/dist/assets/NcBlurHash.css +2 -2
- package/dist/assets/NcDateTimePicker.css +234 -234
- package/dist/assets/NcFilePicker.css +1 -1
- package/dist/assets/NcFormBox.css +11 -11
- package/dist/assets/NcFormBoxButton.css +2 -2
- package/dist/assets/NcFormBoxItem.css +15 -15
- package/dist/assets/NcFormBoxSwitch.css +2 -2
- package/dist/assets/NcFormGroup.css +7 -7
- package/dist/assets/NcHotkey.css +8 -8
- package/dist/assets/NcHotkeyList.css +2 -2
- package/dist/assets/NcIconToggleSwitch.css +4 -4
- package/dist/assets/NcKbd.css +3 -3
- package/dist/assets/NcModal.css +71 -64
- package/dist/assets/NcPopover.css +16 -16
- package/dist/assets/NcRadioGroup.css +2 -2
- package/dist/assets/NcRadioGroupButton.css +14 -14
- package/dist/assets/NcReferenceWidget.css +24 -23
- package/dist/assets/NcRichContenteditable.css +17 -17
- package/dist/assets/NcSelect.css +8 -13
- package/dist/assets/NcUploadPicker.css +7 -7
- package/dist/assets/autolink.css +3 -3
- package/dist/chunks/NcAppNavigationSettings.mjs +6 -6
- package/dist/chunks/NcAppSettingsDialog.mjs +3 -3
- package/dist/chunks/NcAppSettingsShortcutsSection.mjs +1 -1
- package/dist/chunks/NcAppSidebar.mjs +12 -12
- package/dist/chunks/NcAssistantButton.mjs +7 -7
- package/dist/chunks/NcAssistantContent.mjs +3 -3
- package/dist/chunks/NcAssistantIcon.mjs +4 -4
- package/dist/chunks/NcBlurHash.mjs +2 -2
- package/dist/chunks/NcDateTimePicker.mjs +39 -1
- package/dist/chunks/NcDateTimePicker.mjs.map +1 -1
- package/dist/chunks/NcFilePicker.mjs +1 -1
- package/dist/chunks/NcFormBox.mjs +5 -5
- package/dist/chunks/NcFormBoxButton.mjs +2 -2
- package/dist/chunks/NcFormBoxItem.mjs +8 -8
- package/dist/chunks/NcFormBoxSwitch.mjs +2 -2
- package/dist/chunks/NcFormGroup.mjs +7 -7
- package/dist/chunks/NcHotkey.mjs +4 -4
- package/dist/chunks/NcHotkeyList.mjs +2 -2
- package/dist/chunks/NcIconToggleSwitch.mjs +2 -2
- package/dist/chunks/NcKbd.mjs +2 -2
- package/dist/chunks/NcModal.mjs +6 -9
- package/dist/chunks/NcModal.mjs.map +1 -1
- package/dist/chunks/NcPopover.mjs +2 -2
- package/dist/chunks/NcPopover.mjs.map +1 -1
- package/dist/chunks/NcRadioGroup.mjs +2 -2
- package/dist/chunks/NcRadioGroupButton.mjs +6 -6
- package/dist/chunks/NcReferenceWidget.mjs +2 -2
- package/dist/chunks/NcReferenceWidget.mjs.map +1 -1
- package/dist/chunks/NcRichContenteditable.mjs +10 -10
- package/dist/chunks/NcSelect.mjs.map +1 -1
- package/dist/chunks/NcUploadPicker.mjs +6 -6
- package/dist/chunks/_l10n.mjs +3 -3
- package/dist/chunks/autolink.mjs +3 -3
- package/dist/components/NcDateTimePicker/formatValidation.d.ts +10 -0
- package/package.json +7 -7
|
@@ -9,14 +9,14 @@
|
|
|
9
9
|
/*
|
|
10
10
|
* Ensure proper alignment of the vue material icons
|
|
11
11
|
*/
|
|
12
|
-
.material-design-icon[data-v-
|
|
12
|
+
.material-design-icon[data-v-23910d95] {
|
|
13
13
|
display: flex;
|
|
14
14
|
align-self: center;
|
|
15
15
|
justify-self: center;
|
|
16
16
|
align-items: center;
|
|
17
17
|
justify-content: center;
|
|
18
18
|
}
|
|
19
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
19
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] {
|
|
20
20
|
--dp-common-transition: all var(--animation-quick) ease-in;
|
|
21
21
|
--dp-menu-padding: 6px 8px;
|
|
22
22
|
--dp-animation-duration: var(--animation-quick);
|
|
@@ -52,30 +52,30 @@
|
|
|
52
52
|
--dp-action-row-padding: 8px;
|
|
53
53
|
--dp-direction: ltr;
|
|
54
54
|
}
|
|
55
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
55
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__input_wrap {
|
|
56
56
|
position: relative;
|
|
57
57
|
width: 100%;
|
|
58
58
|
box-sizing: unset;
|
|
59
59
|
}
|
|
60
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
60
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__input_wrap:focus {
|
|
61
61
|
border-color: var(--dp-border-color-hover);
|
|
62
62
|
outline: none;
|
|
63
63
|
}
|
|
64
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
64
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__input_valid {
|
|
65
65
|
box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color);
|
|
66
66
|
border-color: var(--dp-success-color);
|
|
67
67
|
}
|
|
68
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
68
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__input_valid:hover {
|
|
69
69
|
border-color: var(--dp-success-color);
|
|
70
70
|
}
|
|
71
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
71
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__input_invalid {
|
|
72
72
|
box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color);
|
|
73
73
|
border-color: var(--dp-danger-color);
|
|
74
74
|
}
|
|
75
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
75
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__input_invalid:hover {
|
|
76
76
|
border-color: var(--dp-danger-color);
|
|
77
77
|
}
|
|
78
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
78
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__input {
|
|
79
79
|
background-color: var(--dp-background-color);
|
|
80
80
|
border-radius: var(--dp-border-radius);
|
|
81
81
|
font-family: var(--dp-font-family);
|
|
@@ -89,28 +89,28 @@
|
|
|
89
89
|
color: var(--dp-text-color);
|
|
90
90
|
box-sizing: border-box;
|
|
91
91
|
}
|
|
92
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
92
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__input::placeholder {
|
|
93
93
|
opacity: 0.7;
|
|
94
94
|
}
|
|
95
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
95
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__input:hover:not(.dp__input_focus) {
|
|
96
96
|
border-color: var(--dp-border-color-hover);
|
|
97
97
|
}
|
|
98
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
98
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__input_not_clearable {
|
|
99
99
|
padding-inline-end: var(--dp-input-not-clearable-padding) !important;
|
|
100
100
|
}
|
|
101
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
101
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__input_reg {
|
|
102
102
|
caret-color: rgba(0, 0, 0, 0);
|
|
103
103
|
}
|
|
104
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
104
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__input_focus {
|
|
105
105
|
border-color: var(--dp-border-color-focus);
|
|
106
106
|
}
|
|
107
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
107
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__disabled {
|
|
108
108
|
background: var(--dp-disabled-color);
|
|
109
109
|
}
|
|
110
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
110
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__disabled::placeholder {
|
|
111
111
|
color: var(--dp-disabled-color-text);
|
|
112
112
|
}
|
|
113
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
113
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__input_icons {
|
|
114
114
|
display: inline-block;
|
|
115
115
|
width: var(--dp-font-size);
|
|
116
116
|
height: var(--dp-font-size);
|
|
@@ -121,7 +121,7 @@
|
|
|
121
121
|
color: var(--dp-icon-color);
|
|
122
122
|
box-sizing: content-box;
|
|
123
123
|
}
|
|
124
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
124
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__input_icon {
|
|
125
125
|
cursor: pointer;
|
|
126
126
|
position: absolute;
|
|
127
127
|
top: 50%;
|
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
transform: translateY(-50%);
|
|
130
130
|
color: var(--dp-icon-color);
|
|
131
131
|
}
|
|
132
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
132
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--clear-btn {
|
|
133
133
|
position: absolute;
|
|
134
134
|
top: 50%;
|
|
135
135
|
inset-inline-end: 0;
|
|
@@ -143,10 +143,10 @@
|
|
|
143
143
|
padding: 0;
|
|
144
144
|
margin: 0;
|
|
145
145
|
}
|
|
146
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
146
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__input_icon_pad {
|
|
147
147
|
padding-inline-start: var(--dp-input-icon-padding);
|
|
148
148
|
}
|
|
149
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
149
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__menu {
|
|
150
150
|
background: var(--dp-background-color);
|
|
151
151
|
border-radius: var(--dp-border-radius);
|
|
152
152
|
min-width: var(--dp-menu-min-width);
|
|
@@ -156,54 +156,54 @@
|
|
|
156
156
|
border: 1px solid var(--dp-menu-border-color);
|
|
157
157
|
box-sizing: border-box;
|
|
158
158
|
}
|
|
159
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
159
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__menu::after {
|
|
160
160
|
box-sizing: border-box;
|
|
161
161
|
}
|
|
162
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
162
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__menu::before {
|
|
163
163
|
box-sizing: border-box;
|
|
164
164
|
}
|
|
165
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
165
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__menu:focus {
|
|
166
166
|
border: 1px solid var(--dp-menu-border-color);
|
|
167
167
|
outline: none;
|
|
168
168
|
}
|
|
169
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
169
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--menu-wrapper {
|
|
170
170
|
position: absolute;
|
|
171
171
|
z-index: 99999;
|
|
172
172
|
}
|
|
173
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
173
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__menu_inner {
|
|
174
174
|
padding: var(--dp-menu-padding);
|
|
175
175
|
}
|
|
176
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
176
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--menu--inner-stretched {
|
|
177
177
|
padding: 6px 0;
|
|
178
178
|
}
|
|
179
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
179
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__menu_index {
|
|
180
180
|
z-index: 99999;
|
|
181
181
|
}
|
|
182
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
182
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp-menu-loading, .vue-date-time-picker__wrapper[data-v-23910d95] .dp__menu_readonly, .vue-date-time-picker__wrapper[data-v-23910d95] .dp__menu_disabled {
|
|
183
183
|
position: absolute;
|
|
184
184
|
inset: 0;
|
|
185
185
|
z-index: 999999;
|
|
186
186
|
}
|
|
187
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
187
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__menu_disabled {
|
|
188
188
|
background: hsla(0, 0%, 100%, 0.5);
|
|
189
189
|
cursor: not-allowed;
|
|
190
190
|
}
|
|
191
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
191
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__menu_readonly {
|
|
192
192
|
background: rgba(0, 0, 0, 0);
|
|
193
193
|
cursor: default;
|
|
194
194
|
}
|
|
195
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
195
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp-menu-loading {
|
|
196
196
|
background: hsla(0, 0%, 100%, 0.5);
|
|
197
197
|
cursor: default;
|
|
198
198
|
}
|
|
199
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
199
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--menu-load-container {
|
|
200
200
|
display: flex;
|
|
201
201
|
height: 100%;
|
|
202
202
|
width: 100%;
|
|
203
203
|
justify-content: center;
|
|
204
204
|
align-items: center;
|
|
205
205
|
}
|
|
206
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
206
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--menu-loader {
|
|
207
207
|
width: 48px;
|
|
208
208
|
height: 48px;
|
|
209
209
|
border: var(--dp-loader);
|
|
@@ -211,10 +211,10 @@
|
|
|
211
211
|
border-radius: 50%;
|
|
212
212
|
display: inline-block;
|
|
213
213
|
box-sizing: border-box;
|
|
214
|
-
animation: dp-load-rotation-
|
|
214
|
+
animation: dp-load-rotation-23910d95 1s linear infinite;
|
|
215
215
|
position: absolute;
|
|
216
216
|
}
|
|
217
|
-
@keyframes dp-load-rotation-
|
|
217
|
+
@keyframes dp-load-rotation-23910d95 {
|
|
218
218
|
0% {
|
|
219
219
|
transform: rotate(0deg);
|
|
220
220
|
}
|
|
@@ -222,7 +222,7 @@
|
|
|
222
222
|
transform: rotate(360deg);
|
|
223
223
|
}
|
|
224
224
|
}
|
|
225
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
225
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__arrow_top {
|
|
226
226
|
left: var(--dp-arrow-left);
|
|
227
227
|
top: 0;
|
|
228
228
|
height: 12px;
|
|
@@ -233,7 +233,7 @@
|
|
|
233
233
|
border-top: 1px solid var(--dp-menu-border-color);
|
|
234
234
|
transform: translate(-50%, -50%) rotate(-45deg);
|
|
235
235
|
}
|
|
236
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
236
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__arrow_bottom {
|
|
237
237
|
left: var(--dp-arrow-left);
|
|
238
238
|
bottom: 0;
|
|
239
239
|
height: 12px;
|
|
@@ -244,37 +244,37 @@
|
|
|
244
244
|
border-bottom: 1px solid var(--dp-menu-border-color);
|
|
245
245
|
transform: translate(-50%, 50%) rotate(45deg);
|
|
246
246
|
}
|
|
247
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
247
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__action_extra {
|
|
248
248
|
text-align: center;
|
|
249
249
|
padding: 2px 0;
|
|
250
250
|
}
|
|
251
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
251
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--preset-dates {
|
|
252
252
|
padding: 5px;
|
|
253
253
|
border-inline-end: 1px solid var(--dp-border-color);
|
|
254
254
|
}
|
|
255
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
255
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--preset-dates[data-dp-mobile] {
|
|
256
256
|
display: flex;
|
|
257
257
|
align-self: center;
|
|
258
258
|
border: none;
|
|
259
259
|
overflow-x: auto;
|
|
260
260
|
max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);
|
|
261
261
|
}
|
|
262
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
262
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--preset-dates-collapsed {
|
|
263
263
|
display: flex;
|
|
264
264
|
align-self: center;
|
|
265
265
|
border: none;
|
|
266
266
|
overflow-x: auto;
|
|
267
267
|
max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);
|
|
268
268
|
}
|
|
269
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
269
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__sidebar_left {
|
|
270
270
|
padding: 5px;
|
|
271
271
|
border-inline-end: 1px solid var(--dp-border-color);
|
|
272
272
|
}
|
|
273
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
273
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__sidebar_right {
|
|
274
274
|
padding: 5px;
|
|
275
275
|
margin-inline-end: 1px solid var(--dp-border-color);
|
|
276
276
|
}
|
|
277
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
277
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--preset-range {
|
|
278
278
|
display: block;
|
|
279
279
|
width: 100%;
|
|
280
280
|
padding: 5px;
|
|
@@ -284,41 +284,41 @@
|
|
|
284
284
|
border-radius: var(--dp-border-radius);
|
|
285
285
|
transition: var(--dp-common-transition);
|
|
286
286
|
}
|
|
287
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
287
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--preset-range:hover {
|
|
288
288
|
background-color: var(--dp-hover-color);
|
|
289
289
|
color: var(--dp-hover-text-color);
|
|
290
290
|
cursor: pointer;
|
|
291
291
|
}
|
|
292
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
292
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--preset-range[data-dp-mobile] {
|
|
293
293
|
border: 1px solid var(--dp-border-color);
|
|
294
294
|
margin: 0 3px;
|
|
295
295
|
}
|
|
296
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
296
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--preset-range[data-dp-mobile]:first-child {
|
|
297
297
|
margin-left: 0;
|
|
298
298
|
}
|
|
299
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
299
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--preset-range[data-dp-mobile]:last-child {
|
|
300
300
|
margin-right: 0;
|
|
301
301
|
}
|
|
302
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
302
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--preset-range-collapsed {
|
|
303
303
|
border: 1px solid var(--dp-border-color);
|
|
304
304
|
margin: 0 3px;
|
|
305
305
|
}
|
|
306
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
306
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--preset-range-collapsed:first-child {
|
|
307
307
|
margin-left: 0;
|
|
308
308
|
}
|
|
309
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
309
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--preset-range-collapsed:last-child {
|
|
310
310
|
margin-right: 0;
|
|
311
311
|
}
|
|
312
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
312
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__menu_content_wrapper {
|
|
313
313
|
display: flex;
|
|
314
314
|
}
|
|
315
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
315
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__menu_content_wrapper[data-dp-mobile] {
|
|
316
316
|
flex-direction: column-reverse;
|
|
317
317
|
}
|
|
318
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
318
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--menu-content-wrapper-collapsed {
|
|
319
319
|
flex-direction: column-reverse;
|
|
320
320
|
}
|
|
321
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
321
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__calendar_header {
|
|
322
322
|
position: relative;
|
|
323
323
|
display: flex;
|
|
324
324
|
justify-content: center;
|
|
@@ -327,7 +327,7 @@
|
|
|
327
327
|
white-space: nowrap;
|
|
328
328
|
font-weight: bold;
|
|
329
329
|
}
|
|
330
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
330
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__calendar_header_item {
|
|
331
331
|
text-align: center;
|
|
332
332
|
flex-grow: 1;
|
|
333
333
|
height: var(--dp-cell-size);
|
|
@@ -335,26 +335,26 @@
|
|
|
335
335
|
width: var(--dp-cell-size);
|
|
336
336
|
box-sizing: border-box;
|
|
337
337
|
}
|
|
338
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
338
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__calendar_row {
|
|
339
339
|
display: flex;
|
|
340
340
|
justify-content: center;
|
|
341
341
|
align-items: center;
|
|
342
342
|
margin: var(--dp-row-margin);
|
|
343
343
|
}
|
|
344
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
344
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__calendar_item {
|
|
345
345
|
text-align: center;
|
|
346
346
|
flex-grow: 1;
|
|
347
347
|
box-sizing: border-box;
|
|
348
348
|
color: var(--dp-text-color);
|
|
349
349
|
}
|
|
350
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
350
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__calendar {
|
|
351
351
|
position: relative;
|
|
352
352
|
}
|
|
353
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
353
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__calendar_header_cell {
|
|
354
354
|
border-bottom: thin solid var(--dp-border-color);
|
|
355
355
|
padding: var(--dp-calendar-header-cell-padding);
|
|
356
356
|
}
|
|
357
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
357
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__cell_inner {
|
|
358
358
|
display: flex;
|
|
359
359
|
align-items: center;
|
|
360
360
|
text-align: center;
|
|
@@ -367,96 +367,96 @@
|
|
|
367
367
|
box-sizing: border-box;
|
|
368
368
|
position: relative;
|
|
369
369
|
}
|
|
370
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
370
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__cell_inner:hover {
|
|
371
371
|
transition: all 0.2s;
|
|
372
372
|
}
|
|
373
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
373
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__cell_auto_range_start, .vue-date-time-picker__wrapper[data-v-23910d95] .dp__date_hover_start:hover, .vue-date-time-picker__wrapper[data-v-23910d95] .dp__range_start {
|
|
374
374
|
border-end-end-radius: 0;
|
|
375
375
|
border-start-end-radius: 0;
|
|
376
376
|
}
|
|
377
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
377
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__cell_auto_range_end, .vue-date-time-picker__wrapper[data-v-23910d95] .dp__date_hover_end:hover, .vue-date-time-picker__wrapper[data-v-23910d95] .dp__range_end {
|
|
378
378
|
border-end-start-radius: 0;
|
|
379
379
|
border-start-start-radius: 0;
|
|
380
380
|
}
|
|
381
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
381
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__range_end, .vue-date-time-picker__wrapper[data-v-23910d95] .dp__range_start, .vue-date-time-picker__wrapper[data-v-23910d95] .dp__active_date {
|
|
382
382
|
background: var(--dp-primary-color);
|
|
383
383
|
color: var(--dp-primary-text-color);
|
|
384
384
|
}
|
|
385
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
385
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__date_hover_end:hover, .vue-date-time-picker__wrapper[data-v-23910d95] .dp__date_hover_start:hover, .vue-date-time-picker__wrapper[data-v-23910d95] .dp__date_hover:hover {
|
|
386
386
|
background: var(--dp-hover-color);
|
|
387
387
|
color: var(--dp-hover-text-color);
|
|
388
388
|
}
|
|
389
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
389
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__cell_offset {
|
|
390
390
|
color: var(--dp-secondary-color);
|
|
391
391
|
}
|
|
392
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
392
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__cell_disabled {
|
|
393
393
|
color: var(--dp-secondary-color);
|
|
394
394
|
cursor: not-allowed;
|
|
395
395
|
}
|
|
396
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
396
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__range_between {
|
|
397
397
|
background: var(--dp-range-between-dates-background-color);
|
|
398
398
|
color: var(--dp-range-between-dates-text-color);
|
|
399
399
|
border-radius: 0;
|
|
400
400
|
border: 1px solid var(--dp-range-between-border-color);
|
|
401
401
|
}
|
|
402
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
402
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__range_between_week {
|
|
403
403
|
background: var(--dp-primary-color);
|
|
404
404
|
color: var(--dp-primary-text-color);
|
|
405
405
|
border-radius: 0;
|
|
406
406
|
border-top: 1px solid var(--dp-primary-color);
|
|
407
407
|
border-bottom: 1px solid var(--dp-primary-color);
|
|
408
408
|
}
|
|
409
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
409
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__today {
|
|
410
410
|
border: 1px solid var(--dp-primary-color);
|
|
411
411
|
}
|
|
412
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
412
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__week_num {
|
|
413
413
|
color: var(--dp-secondary-color);
|
|
414
414
|
text-align: center;
|
|
415
415
|
}
|
|
416
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
416
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__cell_auto_range {
|
|
417
417
|
border-radius: 0;
|
|
418
418
|
border-top: 1px dashed var(--dp-primary-color);
|
|
419
419
|
border-bottom: 1px dashed var(--dp-primary-color);
|
|
420
420
|
}
|
|
421
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
421
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__cell_auto_range_start {
|
|
422
422
|
border-start-start-radius: var(--dp-cell-border-radius);
|
|
423
423
|
border-end-start-radius: var(--dp-cell-border-radius);
|
|
424
424
|
border-inline-start: 1px dashed var(--dp-primary-color);
|
|
425
425
|
border-top: 1px dashed var(--dp-primary-color);
|
|
426
426
|
border-bottom: 1px dashed var(--dp-primary-color);
|
|
427
427
|
}
|
|
428
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
428
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__cell_auto_range_end {
|
|
429
429
|
border-start-end-radius: var(--dp-cell-border-radius);
|
|
430
430
|
border-end-end-radius: var(--dp-cell-border-radius);
|
|
431
431
|
border-top: 1px dashed var(--dp-primary-color);
|
|
432
432
|
border-bottom: 1px dashed var(--dp-primary-color);
|
|
433
433
|
border-inline-end: 1px dashed var(--dp-primary-color);
|
|
434
434
|
}
|
|
435
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
435
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__calendar_header_separator {
|
|
436
436
|
width: 100%;
|
|
437
437
|
height: 1px;
|
|
438
438
|
background: var(--dp-border-color);
|
|
439
439
|
}
|
|
440
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
440
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__calendar_next {
|
|
441
441
|
margin-inline-start: var(--dp-multi-calendars-spacing);
|
|
442
442
|
}
|
|
443
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
443
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__marker_line, .vue-date-time-picker__wrapper[data-v-23910d95] .dp__marker_dot {
|
|
444
444
|
height: 5px;
|
|
445
445
|
background-color: var(--dp-marker-color);
|
|
446
446
|
position: absolute;
|
|
447
447
|
bottom: 0;
|
|
448
448
|
}
|
|
449
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
449
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__marker_dot {
|
|
450
450
|
width: 5px;
|
|
451
451
|
border-radius: 50%;
|
|
452
452
|
left: 50%;
|
|
453
453
|
transform: translateX(-50%);
|
|
454
454
|
}
|
|
455
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
455
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__marker_line {
|
|
456
456
|
width: 100%;
|
|
457
457
|
left: 0;
|
|
458
458
|
}
|
|
459
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
459
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__marker_tooltip {
|
|
460
460
|
position: absolute;
|
|
461
461
|
border-radius: var(--dp-border-radius);
|
|
462
462
|
background-color: var(--dp-tooltip-color);
|
|
@@ -466,16 +466,16 @@
|
|
|
466
466
|
box-sizing: border-box;
|
|
467
467
|
cursor: default;
|
|
468
468
|
}
|
|
469
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
469
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__tooltip_content {
|
|
470
470
|
white-space: nowrap;
|
|
471
471
|
}
|
|
472
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
472
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__tooltip_text {
|
|
473
473
|
display: flex;
|
|
474
474
|
align-items: center;
|
|
475
475
|
flex-flow: row nowrap;
|
|
476
476
|
color: var(--dp-text-color);
|
|
477
477
|
}
|
|
478
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
478
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__tooltip_mark {
|
|
479
479
|
height: 5px;
|
|
480
480
|
width: 5px;
|
|
481
481
|
border-radius: 50%;
|
|
@@ -483,7 +483,7 @@
|
|
|
483
483
|
color: var(--dp-text-color);
|
|
484
484
|
margin-inline-end: 5px;
|
|
485
485
|
}
|
|
486
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
486
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__arrow_bottom_tp {
|
|
487
487
|
bottom: 0;
|
|
488
488
|
height: 8px;
|
|
489
489
|
width: 8px;
|
|
@@ -493,27 +493,27 @@
|
|
|
493
493
|
border-bottom: 1px solid var(--dp-border-color);
|
|
494
494
|
transform: translate(-50%, 50%) rotate(45deg);
|
|
495
495
|
}
|
|
496
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
496
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__instance_calendar {
|
|
497
497
|
position: relative;
|
|
498
498
|
width: 100%;
|
|
499
499
|
}
|
|
500
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
500
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__flex_display[data-dp-mobile] {
|
|
501
501
|
flex-direction: column;
|
|
502
502
|
}
|
|
503
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
503
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--flex-display-collapsed {
|
|
504
504
|
flex-direction: column;
|
|
505
505
|
}
|
|
506
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
506
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__cell_highlight {
|
|
507
507
|
background-color: var(--dp-highlight-color);
|
|
508
508
|
}
|
|
509
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
509
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__month_year_row {
|
|
510
510
|
display: flex;
|
|
511
511
|
align-items: center;
|
|
512
512
|
height: var(--dp-month-year-row-height);
|
|
513
513
|
color: var(--dp-text-color);
|
|
514
514
|
box-sizing: border-box;
|
|
515
515
|
}
|
|
516
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
516
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__inner_nav {
|
|
517
517
|
display: flex;
|
|
518
518
|
align-items: center;
|
|
519
519
|
justify-content: center;
|
|
@@ -524,23 +524,23 @@
|
|
|
524
524
|
text-align: center;
|
|
525
525
|
border-radius: 50%;
|
|
526
526
|
}
|
|
527
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
527
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__inner_nav svg {
|
|
528
528
|
height: var(--dp-button-icon-height);
|
|
529
529
|
width: var(--dp-button-icon-height);
|
|
530
530
|
}
|
|
531
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
531
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__inner_nav:hover {
|
|
532
532
|
background: var(--dp-hover-color);
|
|
533
533
|
color: var(--dp-hover-icon-color);
|
|
534
534
|
}
|
|
535
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
535
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] [dir=rtl] .dp__inner_nav {
|
|
536
536
|
transform: rotate(180deg);
|
|
537
537
|
}
|
|
538
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
538
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__inner_nav_disabled:hover, .vue-date-time-picker__wrapper[data-v-23910d95] .dp__inner_nav_disabled {
|
|
539
539
|
background: var(--dp-disabled-color);
|
|
540
540
|
color: var(--dp-disabled-color-text);
|
|
541
541
|
cursor: not-allowed;
|
|
542
542
|
}
|
|
543
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
543
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--year-select, .vue-date-time-picker__wrapper[data-v-23910d95] .dp__month_year_select {
|
|
544
544
|
text-align: center;
|
|
545
545
|
cursor: pointer;
|
|
546
546
|
height: var(--dp-month-year-row-height);
|
|
@@ -551,31 +551,31 @@
|
|
|
551
551
|
box-sizing: border-box;
|
|
552
552
|
color: var(--dp-text-color);
|
|
553
553
|
}
|
|
554
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
554
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--year-select:hover, .vue-date-time-picker__wrapper[data-v-23910d95] .dp__month_year_select:hover {
|
|
555
555
|
background: var(--dp-hover-color);
|
|
556
556
|
color: var(--dp-hover-text-color);
|
|
557
557
|
transition: var(--dp-common-transition);
|
|
558
558
|
}
|
|
559
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
559
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__month_year_select {
|
|
560
560
|
width: 50%;
|
|
561
561
|
}
|
|
562
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
562
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--year-select {
|
|
563
563
|
width: 100%;
|
|
564
564
|
}
|
|
565
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
565
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__month_year_wrap {
|
|
566
566
|
display: flex;
|
|
567
567
|
flex-direction: row;
|
|
568
568
|
width: 100%;
|
|
569
569
|
}
|
|
570
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
570
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__year_disable_select {
|
|
571
571
|
justify-content: space-around;
|
|
572
572
|
}
|
|
573
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
573
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--header-wrap {
|
|
574
574
|
display: flex;
|
|
575
575
|
width: 100%;
|
|
576
576
|
flex-direction: column;
|
|
577
577
|
}
|
|
578
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
578
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__overlay {
|
|
579
579
|
width: 100%;
|
|
580
580
|
background: var(--dp-background-color);
|
|
581
581
|
transition: opacity 1s ease-out;
|
|
@@ -584,46 +584,46 @@
|
|
|
584
584
|
color: var(--dp-text-color);
|
|
585
585
|
box-sizing: border-box;
|
|
586
586
|
}
|
|
587
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
587
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--overlay-absolute {
|
|
588
588
|
position: absolute;
|
|
589
589
|
height: 100%;
|
|
590
590
|
top: 0;
|
|
591
591
|
left: 0;
|
|
592
592
|
}
|
|
593
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
593
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--overlay-relative {
|
|
594
594
|
position: relative;
|
|
595
595
|
}
|
|
596
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
596
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__overlay_container::-webkit-scrollbar-track {
|
|
597
597
|
box-shadow: var(--dp-scroll-bar-background);
|
|
598
598
|
background-color: var(--dp-scroll-bar-background);
|
|
599
599
|
}
|
|
600
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
600
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__overlay_container::-webkit-scrollbar {
|
|
601
601
|
width: 5px;
|
|
602
602
|
background-color: var(--dp-scroll-bar-background);
|
|
603
603
|
}
|
|
604
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
604
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__overlay_container::-webkit-scrollbar-thumb {
|
|
605
605
|
background-color: var(--dp-scroll-bar-color);
|
|
606
606
|
border-radius: 10px;
|
|
607
607
|
}
|
|
608
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
608
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__overlay:focus {
|
|
609
609
|
border: none;
|
|
610
610
|
outline: none;
|
|
611
611
|
}
|
|
612
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
612
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__container_flex {
|
|
613
613
|
display: flex;
|
|
614
614
|
}
|
|
615
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
615
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__container_block {
|
|
616
616
|
display: block;
|
|
617
617
|
}
|
|
618
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
618
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__overlay_container {
|
|
619
619
|
flex-direction: column;
|
|
620
620
|
overflow-y: auto;
|
|
621
621
|
height: var(--dp-overlay-height);
|
|
622
622
|
}
|
|
623
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
623
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__time_picker_overlay_container {
|
|
624
624
|
height: 100%;
|
|
625
625
|
}
|
|
626
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
626
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__overlay_row {
|
|
627
627
|
padding: 0;
|
|
628
628
|
box-sizing: border-box;
|
|
629
629
|
display: flex;
|
|
@@ -633,77 +633,77 @@
|
|
|
633
633
|
width: 100%;
|
|
634
634
|
align-items: center;
|
|
635
635
|
}
|
|
636
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
636
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__flex_row {
|
|
637
637
|
flex: 1;
|
|
638
638
|
}
|
|
639
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
639
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__overlay_col {
|
|
640
640
|
box-sizing: border-box;
|
|
641
641
|
width: 33%;
|
|
642
642
|
padding: var(--dp-overlay-col-padding);
|
|
643
643
|
white-space: nowrap;
|
|
644
644
|
}
|
|
645
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
645
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__overlay_cell_pad {
|
|
646
646
|
padding: var(--dp-common-padding) 0;
|
|
647
647
|
}
|
|
648
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
648
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__overlay_cell_active {
|
|
649
649
|
cursor: pointer;
|
|
650
650
|
border-radius: var(--dp-border-radius);
|
|
651
651
|
text-align: center;
|
|
652
652
|
background: var(--dp-primary-color);
|
|
653
653
|
color: var(--dp-primary-text-color);
|
|
654
654
|
}
|
|
655
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
655
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__overlay_cell {
|
|
656
656
|
cursor: pointer;
|
|
657
657
|
border-radius: var(--dp-border-radius);
|
|
658
658
|
text-align: center;
|
|
659
659
|
}
|
|
660
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
660
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__overlay_cell:hover {
|
|
661
661
|
background: var(--dp-hover-color);
|
|
662
662
|
color: var(--dp-hover-text-color);
|
|
663
663
|
transition: var(--dp-common-transition);
|
|
664
664
|
}
|
|
665
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
665
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__cell_in_between {
|
|
666
666
|
background: var(--dp-hover-color);
|
|
667
667
|
color: var(--dp-hover-text-color);
|
|
668
668
|
}
|
|
669
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
669
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__over_action_scroll {
|
|
670
670
|
right: 5px;
|
|
671
671
|
box-sizing: border-box;
|
|
672
672
|
}
|
|
673
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
673
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__overlay_cell_disabled {
|
|
674
674
|
cursor: not-allowed;
|
|
675
675
|
background: var(--dp-disabled-color);
|
|
676
676
|
}
|
|
677
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
677
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__overlay_cell_disabled:hover {
|
|
678
678
|
background: var(--dp-disabled-color);
|
|
679
679
|
}
|
|
680
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
680
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__overlay_cell_active_disabled {
|
|
681
681
|
cursor: not-allowed;
|
|
682
682
|
background: var(--dp-primary-disabled-color);
|
|
683
683
|
}
|
|
684
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
684
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__overlay_cell_active_disabled:hover {
|
|
685
685
|
background: var(--dp-primary-disabled-color);
|
|
686
686
|
}
|
|
687
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
687
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__btn, .vue-date-time-picker__wrapper[data-v-23910d95] .dp--qr-btn, .vue-date-time-picker__wrapper[data-v-23910d95] .dp--time-overlay-btn, .vue-date-time-picker__wrapper[data-v-23910d95] .dp--time-invalid {
|
|
688
688
|
border: none;
|
|
689
689
|
font: inherit;
|
|
690
690
|
transition: var(--dp-common-transition);
|
|
691
691
|
line-height: normal;
|
|
692
692
|
}
|
|
693
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
693
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--year-mode-picker {
|
|
694
694
|
display: flex;
|
|
695
695
|
width: 100%;
|
|
696
696
|
align-items: center;
|
|
697
697
|
justify-content: space-between;
|
|
698
698
|
height: var(--dp-cell-size);
|
|
699
699
|
}
|
|
700
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
700
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--tp-wrap {
|
|
701
701
|
max-width: var(--dp-menu-min-width);
|
|
702
702
|
}
|
|
703
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
703
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--tp-wrap[data-dp-mobile] {
|
|
704
704
|
max-width: 100%;
|
|
705
705
|
}
|
|
706
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
706
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__time_input {
|
|
707
707
|
width: 100%;
|
|
708
708
|
display: flex;
|
|
709
709
|
align-items: center;
|
|
@@ -712,49 +712,49 @@
|
|
|
712
712
|
font-family: var(--dp-font-family);
|
|
713
713
|
color: var(--dp-text-color);
|
|
714
714
|
}
|
|
715
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
715
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__time_col_reg_block {
|
|
716
716
|
padding: 0 20px;
|
|
717
717
|
}
|
|
718
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
718
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__time_col_reg_inline {
|
|
719
719
|
padding: 0 10px;
|
|
720
720
|
}
|
|
721
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
721
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__time_col_reg_with_button {
|
|
722
722
|
padding: 0 15px;
|
|
723
723
|
}
|
|
724
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
724
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__time_col_reg_with_button[data-compact~=true] {
|
|
725
725
|
padding: 0 5px;
|
|
726
726
|
}
|
|
727
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
727
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__time_col_sec {
|
|
728
728
|
padding: 0 10px;
|
|
729
729
|
}
|
|
730
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
730
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__time_col_sec_with_button {
|
|
731
731
|
padding: 0 5px;
|
|
732
732
|
}
|
|
733
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
733
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__time_col_sec_with_button[data-collapsed~=true] {
|
|
734
734
|
padding: 0;
|
|
735
735
|
}
|
|
736
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
736
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__time_col {
|
|
737
737
|
text-align: center;
|
|
738
738
|
display: flex;
|
|
739
739
|
align-items: center;
|
|
740
740
|
justify-content: center;
|
|
741
741
|
flex-direction: column;
|
|
742
742
|
}
|
|
743
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
743
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__time_col_block {
|
|
744
744
|
font-size: var(--dp-time-font-size);
|
|
745
745
|
}
|
|
746
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
746
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__time_display_block {
|
|
747
747
|
padding: 0 3px;
|
|
748
748
|
}
|
|
749
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
749
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__time_display_inline {
|
|
750
750
|
padding: 5px;
|
|
751
751
|
}
|
|
752
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
752
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__time_picker_inline_container {
|
|
753
753
|
display: flex;
|
|
754
754
|
width: 100%;
|
|
755
755
|
justify-content: center;
|
|
756
756
|
}
|
|
757
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
757
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__inc_dec_button {
|
|
758
758
|
padding: 5px;
|
|
759
759
|
margin: 0;
|
|
760
760
|
height: var(--dp-time-inc-dec-button-size);
|
|
@@ -767,15 +767,15 @@
|
|
|
767
767
|
color: var(--dp-icon-color);
|
|
768
768
|
box-sizing: border-box;
|
|
769
769
|
}
|
|
770
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
770
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__inc_dec_button svg {
|
|
771
771
|
height: var(--dp-time-inc-dec-button-size);
|
|
772
772
|
width: var(--dp-time-inc-dec-button-size);
|
|
773
773
|
}
|
|
774
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
774
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__inc_dec_button:hover {
|
|
775
775
|
background: var(--dp-hover-color);
|
|
776
776
|
color: var(--dp-hover-icon-color);
|
|
777
777
|
}
|
|
778
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
778
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__time_display {
|
|
779
779
|
cursor: pointer;
|
|
780
780
|
color: var(--dp-text-color);
|
|
781
781
|
border-radius: var(--dp-border-radius);
|
|
@@ -783,11 +783,11 @@
|
|
|
783
783
|
align-items: center;
|
|
784
784
|
justify-content: center;
|
|
785
785
|
}
|
|
786
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
786
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__time_display:hover:enabled {
|
|
787
787
|
background: var(--dp-hover-color);
|
|
788
788
|
color: var(--dp-hover-text-color);
|
|
789
789
|
}
|
|
790
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
790
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__inc_dec_button_inline {
|
|
791
791
|
width: 100%;
|
|
792
792
|
padding: 0;
|
|
793
793
|
height: 8px;
|
|
@@ -795,12 +795,12 @@
|
|
|
795
795
|
display: flex;
|
|
796
796
|
align-items: center;
|
|
797
797
|
}
|
|
798
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
798
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__inc_dec_button_disabled, .vue-date-time-picker__wrapper[data-v-23910d95] .dp__inc_dec_button_disabled:hover {
|
|
799
799
|
background: var(--dp-disabled-color);
|
|
800
800
|
color: var(--dp-disabled-color-text);
|
|
801
801
|
cursor: not-allowed;
|
|
802
802
|
}
|
|
803
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
803
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__pm_am_button {
|
|
804
804
|
background: var(--dp-primary-color);
|
|
805
805
|
color: var(--dp-primary-text-color);
|
|
806
806
|
border: none;
|
|
@@ -808,39 +808,39 @@
|
|
|
808
808
|
border-radius: var(--dp-border-radius);
|
|
809
809
|
cursor: pointer;
|
|
810
810
|
}
|
|
811
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
811
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__pm_am_button[data-compact~=true] {
|
|
812
812
|
padding: 7px;
|
|
813
813
|
}
|
|
814
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
814
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__tp_inline_btn_bar {
|
|
815
815
|
width: 100%;
|
|
816
816
|
height: 4px;
|
|
817
817
|
background-color: var(--dp-secondary-color);
|
|
818
818
|
transition: var(--dp-common-transition);
|
|
819
819
|
border-collapse: collapse;
|
|
820
820
|
}
|
|
821
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
821
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__tp_inline_btn_top:hover .dp__tp_btn_in_r {
|
|
822
822
|
background-color: var(--dp-primary-color);
|
|
823
823
|
transform: rotate(12deg) scale(1.15) translateY(-2px);
|
|
824
824
|
}
|
|
825
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
825
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__tp_inline_btn_top:hover .dp__tp_btn_in_l {
|
|
826
826
|
background-color: var(--dp-primary-color);
|
|
827
827
|
transform: rotate(-12deg) scale(1.15) translateY(-2px);
|
|
828
828
|
}
|
|
829
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
829
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r {
|
|
830
830
|
background-color: var(--dp-primary-color);
|
|
831
831
|
transform: rotate(-12deg) scale(1.15) translateY(-2px);
|
|
832
832
|
}
|
|
833
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
833
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l {
|
|
834
834
|
background-color: var(--dp-primary-color);
|
|
835
835
|
transform: rotate(12deg) scale(1.15) translateY(-2px);
|
|
836
836
|
}
|
|
837
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
837
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--time-overlay-btn {
|
|
838
838
|
background: none;
|
|
839
839
|
}
|
|
840
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
840
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--time-invalid {
|
|
841
841
|
background-color: var(--dp-disabled-color);
|
|
842
842
|
}
|
|
843
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
843
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__action_row {
|
|
844
844
|
display: flex;
|
|
845
845
|
align-items: center;
|
|
846
846
|
width: 100%;
|
|
@@ -849,11 +849,11 @@
|
|
|
849
849
|
color: var(--dp-text-color);
|
|
850
850
|
flex-flow: row nowrap;
|
|
851
851
|
}
|
|
852
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
852
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__action_row svg {
|
|
853
853
|
height: var(--dp-button-icon-height);
|
|
854
854
|
width: auto;
|
|
855
855
|
}
|
|
856
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
856
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__selection_preview {
|
|
857
857
|
display: block;
|
|
858
858
|
color: var(--dp-text-color);
|
|
859
859
|
font-size: var(--dp-preview-font-size);
|
|
@@ -861,7 +861,7 @@
|
|
|
861
861
|
white-space: nowrap;
|
|
862
862
|
text-overflow: ellipsis;
|
|
863
863
|
}
|
|
864
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
864
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__action_buttons {
|
|
865
865
|
display: flex;
|
|
866
866
|
flex: 0;
|
|
867
867
|
white-space: nowrap;
|
|
@@ -869,7 +869,7 @@
|
|
|
869
869
|
justify-content: flex-end;
|
|
870
870
|
margin-inline-start: auto;
|
|
871
871
|
}
|
|
872
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
872
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__action_button {
|
|
873
873
|
display: inline-flex;
|
|
874
874
|
align-items: center;
|
|
875
875
|
background: rgba(0, 0, 0, 0);
|
|
@@ -883,52 +883,52 @@
|
|
|
883
883
|
font-size: var(--dp-preview-font-size);
|
|
884
884
|
font-family: var(--dp-font-family);
|
|
885
885
|
}
|
|
886
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
886
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__action_cancel {
|
|
887
887
|
color: var(--dp-text-color);
|
|
888
888
|
border: 1px solid var(--dp-border-color);
|
|
889
889
|
}
|
|
890
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
890
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__action_cancel:hover {
|
|
891
891
|
border-color: var(--dp-primary-color);
|
|
892
892
|
transition: var(--dp-action-row-transition);
|
|
893
893
|
}
|
|
894
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
894
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__action_buttons .dp__action_select {
|
|
895
895
|
background: var(--dp-primary-color);
|
|
896
896
|
color: var(--dp-primary-text-color);
|
|
897
897
|
}
|
|
898
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
898
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__action_buttons .dp__action_select:hover {
|
|
899
899
|
background: var(--dp-primary-color);
|
|
900
900
|
transition: var(--dp-action-row-transition);
|
|
901
901
|
}
|
|
902
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
902
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__action_buttons .dp__action_select:disabled {
|
|
903
903
|
background: var(--dp-primary-disabled-color);
|
|
904
904
|
cursor: not-allowed;
|
|
905
905
|
}
|
|
906
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
906
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp-quarter-picker-wrap {
|
|
907
907
|
display: flex;
|
|
908
908
|
flex-direction: column;
|
|
909
909
|
height: 100%;
|
|
910
910
|
min-width: var(--dp-menu-min-width);
|
|
911
911
|
}
|
|
912
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
912
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--qr-btn-disabled {
|
|
913
913
|
cursor: not-allowed;
|
|
914
914
|
background: var(--dp-disabled-color);
|
|
915
915
|
}
|
|
916
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
916
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--qr-btn-disabled:hover {
|
|
917
917
|
background: var(--dp-disabled-color);
|
|
918
918
|
}
|
|
919
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
919
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--qr-btn {
|
|
920
920
|
width: 100%;
|
|
921
921
|
padding: var(--dp-common-padding);
|
|
922
922
|
}
|
|
923
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
923
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--qr-btn:not(.dp--highlighted, .dp--qr-btn-active, .dp--qr-btn-disabled, .dp--qr-btn-between) {
|
|
924
924
|
background: none;
|
|
925
925
|
}
|
|
926
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
926
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--qr-btn:hover:not(.dp--qr-btn-active, .dp--qr-btn-disabled) {
|
|
927
927
|
background: var(--dp-hover-color);
|
|
928
928
|
color: var(--dp-hover-text-color);
|
|
929
929
|
transition: var(--dp-common-transition);
|
|
930
930
|
}
|
|
931
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
931
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--quarter-items {
|
|
932
932
|
display: flex;
|
|
933
933
|
flex-direction: column;
|
|
934
934
|
flex: 1;
|
|
@@ -936,15 +936,15 @@
|
|
|
936
936
|
height: 100%;
|
|
937
937
|
justify-content: space-evenly;
|
|
938
938
|
}
|
|
939
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
939
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--qr-btn-active {
|
|
940
940
|
background: var(--dp-primary-color);
|
|
941
941
|
color: var(--dp-primary-text-color);
|
|
942
942
|
}
|
|
943
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
943
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--qr-btn-between {
|
|
944
944
|
background: var(--dp-hover-color);
|
|
945
945
|
color: var(--dp-hover-text-color);
|
|
946
946
|
}
|
|
947
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
947
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] :root {
|
|
948
948
|
--dp-common-transition: all 0.1s ease-in;
|
|
949
949
|
--dp-menu-padding: 6px 8px;
|
|
950
950
|
--dp-animation-duration: 0.1s;
|
|
@@ -981,7 +981,7 @@
|
|
|
981
981
|
--dp-action-row-padding: 8px;
|
|
982
982
|
--dp-direction: ltr;
|
|
983
983
|
}
|
|
984
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
984
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__theme_dark {
|
|
985
985
|
--dp-background-color: #212121;
|
|
986
986
|
--dp-text-color: #fff;
|
|
987
987
|
--dp-hover-color: #484848;
|
|
@@ -1011,7 +1011,7 @@
|
|
|
1011
1011
|
--dp-range-between-border-color: var(--dp-hover-color, #fff);
|
|
1012
1012
|
--dp-loader: 5px solid #005cb2;
|
|
1013
1013
|
}
|
|
1014
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1014
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__theme_light {
|
|
1015
1015
|
--dp-background-color: #fff;
|
|
1016
1016
|
--dp-text-color: #212121;
|
|
1017
1017
|
--dp-hover-color: #f3f3f3;
|
|
@@ -1041,31 +1041,31 @@
|
|
|
1041
1041
|
--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);
|
|
1042
1042
|
--dp-loader: 5px solid #1976d2;
|
|
1043
1043
|
}
|
|
1044
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1044
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__flex {
|
|
1045
1045
|
display: flex;
|
|
1046
1046
|
align-items: center;
|
|
1047
1047
|
}
|
|
1048
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1048
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__btn {
|
|
1049
1049
|
background: none;
|
|
1050
1050
|
}
|
|
1051
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1051
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__main {
|
|
1052
1052
|
font-family: var(--dp-font-family);
|
|
1053
1053
|
user-select: none;
|
|
1054
1054
|
box-sizing: border-box;
|
|
1055
1055
|
position: relative;
|
|
1056
1056
|
width: 100%;
|
|
1057
1057
|
}
|
|
1058
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1058
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__main * {
|
|
1059
1059
|
direction: var(--dp-direction, ltr);
|
|
1060
1060
|
}
|
|
1061
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1061
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__pointer {
|
|
1062
1062
|
cursor: pointer;
|
|
1063
1063
|
}
|
|
1064
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1064
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__icon {
|
|
1065
1065
|
stroke: currentcolor;
|
|
1066
1066
|
fill: currentcolor;
|
|
1067
1067
|
}
|
|
1068
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1068
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__button {
|
|
1069
1069
|
width: 100%;
|
|
1070
1070
|
text-align: center;
|
|
1071
1071
|
color: var(--dp-icon-color);
|
|
@@ -1077,140 +1077,140 @@
|
|
|
1077
1077
|
box-sizing: border-box;
|
|
1078
1078
|
height: var(--dp-button-height);
|
|
1079
1079
|
}
|
|
1080
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1080
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__button.dp__overlay_action {
|
|
1081
1081
|
position: absolute;
|
|
1082
1082
|
bottom: 0;
|
|
1083
1083
|
}
|
|
1084
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1084
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__button:hover {
|
|
1085
1085
|
background: var(--dp-hover-color);
|
|
1086
1086
|
color: var(--dp-hover-icon-color);
|
|
1087
1087
|
}
|
|
1088
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1088
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__button svg {
|
|
1089
1089
|
height: var(--dp-button-icon-height);
|
|
1090
1090
|
width: auto;
|
|
1091
1091
|
}
|
|
1092
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1092
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__button_bottom {
|
|
1093
1093
|
border-bottom-left-radius: var(--dp-border-radius);
|
|
1094
1094
|
border-bottom-right-radius: var(--dp-border-radius);
|
|
1095
1095
|
}
|
|
1096
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1096
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__flex_display {
|
|
1097
1097
|
display: flex;
|
|
1098
1098
|
}
|
|
1099
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1099
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__flex_display_with_input {
|
|
1100
1100
|
flex-direction: column;
|
|
1101
1101
|
align-items: flex-start;
|
|
1102
1102
|
}
|
|
1103
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1103
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__relative {
|
|
1104
1104
|
position: relative;
|
|
1105
1105
|
}
|
|
1106
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1106
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .calendar-next-enter-active, .vue-date-time-picker__wrapper[data-v-23910d95] .calendar-next-leave-active, .vue-date-time-picker__wrapper[data-v-23910d95] .calendar-prev-enter-active, .vue-date-time-picker__wrapper[data-v-23910d95] .calendar-prev-leave-active {
|
|
1107
1107
|
transition: all var(--dp-transition-timing-general) ease-out;
|
|
1108
1108
|
}
|
|
1109
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1109
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .calendar-next-enter-from {
|
|
1110
1110
|
opacity: 0;
|
|
1111
1111
|
transform: translateX(var(--dp-transition-length));
|
|
1112
1112
|
}
|
|
1113
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1113
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .calendar-next-leave-to {
|
|
1114
1114
|
opacity: 0;
|
|
1115
1115
|
transform: translateX(calc(var(--dp-transition-length) * -1));
|
|
1116
1116
|
}
|
|
1117
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1117
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .calendar-prev-enter-from {
|
|
1118
1118
|
opacity: 0;
|
|
1119
1119
|
transform: translateX(calc(var(--dp-transition-length) * -1));
|
|
1120
1120
|
}
|
|
1121
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1121
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .calendar-prev-leave-to {
|
|
1122
1122
|
opacity: 0;
|
|
1123
1123
|
transform: translateX(var(--dp-transition-length));
|
|
1124
1124
|
}
|
|
1125
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1125
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp-menu-appear-bottom-enter-active, .vue-date-time-picker__wrapper[data-v-23910d95] .dp-menu-appear-bottom-leave-active, .vue-date-time-picker__wrapper[data-v-23910d95] .dp-menu-appear-top-enter-active, .vue-date-time-picker__wrapper[data-v-23910d95] .dp-menu-appear-top-leave-active, .vue-date-time-picker__wrapper[data-v-23910d95] .dp-slide-up-enter-active, .vue-date-time-picker__wrapper[data-v-23910d95] .dp-slide-up-leave-active, .vue-date-time-picker__wrapper[data-v-23910d95] .dp-slide-down-enter-active, .vue-date-time-picker__wrapper[data-v-23910d95] .dp-slide-down-leave-active {
|
|
1126
1126
|
transition: all var(--dp-animation-duration) var(--dp-transition-timing);
|
|
1127
1127
|
}
|
|
1128
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1128
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp-menu-appear-top-enter-from, .vue-date-time-picker__wrapper[data-v-23910d95] .dp-menu-appear-top-leave-to, .vue-date-time-picker__wrapper[data-v-23910d95] .dp-slide-down-leave-to, .vue-date-time-picker__wrapper[data-v-23910d95] .dp-slide-up-enter-from {
|
|
1129
1129
|
opacity: 0;
|
|
1130
1130
|
transform: translateY(var(--dp-transition-length));
|
|
1131
1131
|
}
|
|
1132
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1132
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp-menu-appear-bottom-enter-from, .vue-date-time-picker__wrapper[data-v-23910d95] .dp-menu-appear-bottom-leave-to, .vue-date-time-picker__wrapper[data-v-23910d95] .dp-slide-down-enter-from, .vue-date-time-picker__wrapper[data-v-23910d95] .dp-slide-up-leave-to {
|
|
1133
1133
|
opacity: 0;
|
|
1134
1134
|
transform: translateY(calc(var(--dp-transition-length) * -1));
|
|
1135
1135
|
}
|
|
1136
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1136
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--arrow-btn-nav {
|
|
1137
1137
|
transition: var(--dp-common-transition);
|
|
1138
1138
|
}
|
|
1139
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1139
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--highlighted {
|
|
1140
1140
|
background-color: var(--dp-highlight-color);
|
|
1141
1141
|
}
|
|
1142
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1142
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--hidden-el {
|
|
1143
1143
|
visibility: hidden;
|
|
1144
1144
|
}
|
|
1145
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1145
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] {
|
|
1146
1146
|
}
|
|
1147
|
-
.vue-date-time-picker__wrapper.vue-date-time-picker__wrapper--teleport[data-v-
|
|
1147
|
+
.vue-date-time-picker__wrapper.vue-date-time-picker__wrapper--teleport[data-v-23910d95] .dp--menu-wrapper {
|
|
1148
1148
|
z-index: 100001;
|
|
1149
1149
|
}
|
|
1150
|
-
.vue-date-time-picker__wrapper .vue-date-time-picker--clearable[data-v-
|
|
1150
|
+
.vue-date-time-picker__wrapper .vue-date-time-picker--clearable[data-v-23910d95] .dp__input {
|
|
1151
1151
|
padding-inline-end: var(--default-clickable-area);
|
|
1152
1152
|
}
|
|
1153
|
-
.vue-date-time-picker__wrapper .vue-date-time-picker__timezone[data-v-
|
|
1153
|
+
.vue-date-time-picker__wrapper .vue-date-time-picker__timezone[data-v-23910d95] {
|
|
1154
1154
|
min-width: unset;
|
|
1155
1155
|
width: 100%;
|
|
1156
1156
|
}
|
|
1157
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1157
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .icon-vue {
|
|
1158
1158
|
opacity: 1 !important;
|
|
1159
1159
|
}
|
|
1160
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1161
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1160
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--tp-wrap,
|
|
1161
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__action_extra {
|
|
1162
1162
|
padding: var(--dp-menu-padding);
|
|
1163
1163
|
padding-top: 0;
|
|
1164
1164
|
}
|
|
1165
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1165
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__overlay.dp--overlay-absolute {
|
|
1166
1166
|
padding: var(--dp-menu-padding);
|
|
1167
1167
|
}
|
|
1168
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1168
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__overlay.dp--overlay-absolute .dp__btn.dp__button.dp__button_bottom {
|
|
1169
1169
|
inset-block-end: 6px;
|
|
1170
1170
|
}
|
|
1171
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1172
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1171
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__btn.dp__button.dp__button_bottom,
|
|
1172
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--tp-wrap .dp__button {
|
|
1173
1173
|
width: 100%;
|
|
1174
1174
|
}
|
|
1175
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1175
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__btn.dp__button.dp__overlay_action {
|
|
1176
1176
|
width: calc(100% - 16px);
|
|
1177
1177
|
}
|
|
1178
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1178
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] input {
|
|
1179
1179
|
padding-inline-start: var(--dp-input-icon-padding) !important;
|
|
1180
1180
|
}
|
|
1181
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1181
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__btn {
|
|
1182
1182
|
margin: 0;
|
|
1183
1183
|
}
|
|
1184
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1184
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__inner_nav {
|
|
1185
1185
|
height: fit-content;
|
|
1186
1186
|
width: fit-content;
|
|
1187
1187
|
}
|
|
1188
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1188
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__btn.dp__button.dp__button_bottom {
|
|
1189
1189
|
color: var(--color-primary-element-light-text);
|
|
1190
1190
|
background-color: var(--color-primary-element-light);
|
|
1191
1191
|
}
|
|
1192
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1193
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1192
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--header-wrap .dp__btn:not(.dp__button_bottom),
|
|
1193
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__time_col .dp__btn {
|
|
1194
1194
|
background-color: var(--color-main-background);
|
|
1195
1195
|
}
|
|
1196
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1197
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1196
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--header-wrap .dp__btn:not(.dp__button_bottom):hover,
|
|
1197
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__time_col .dp__btn:hover {
|
|
1198
1198
|
background: var(--dp-hover-color);
|
|
1199
1199
|
color: var(--dp-hover-icon-color);
|
|
1200
1200
|
}
|
|
1201
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1201
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__month_year_select {
|
|
1202
1202
|
flex: 1;
|
|
1203
1203
|
}
|
|
1204
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1204
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp--time-overlay-btn {
|
|
1205
1205
|
font-size: calc(2 * var(--default-font-size)) !important;
|
|
1206
1206
|
}
|
|
1207
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1207
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__time_input .dp__time_col_reg_block {
|
|
1208
1208
|
padding: 0 calc(4 * var(--default-grid-baseline));
|
|
1209
1209
|
}
|
|
1210
|
-
.vue-date-time-picker__wrapper .vue-date-time-picker.dp__theme_dark[data-v-
|
|
1211
|
-
.vue-date-time-picker__wrapper .vue-date-time-picker.dp__theme_light[data-v-
|
|
1212
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1213
|
-
.vue-date-time-picker__wrapper[data-v-
|
|
1210
|
+
.vue-date-time-picker__wrapper .vue-date-time-picker.dp__theme_dark[data-v-23910d95],
|
|
1211
|
+
.vue-date-time-picker__wrapper .vue-date-time-picker.dp__theme_light[data-v-23910d95],
|
|
1212
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__theme_dark,
|
|
1213
|
+
.vue-date-time-picker__wrapper[data-v-23910d95] .dp__theme_light {
|
|
1214
1214
|
--dp-background-color: var(--color-main-background);
|
|
1215
1215
|
--dp-text-color: var(--color-main-text);
|
|
1216
1216
|
--dp-hover-color: var(--color-primary-element-light-hover);
|