mirror of
https://github.com/MHSanaei/3x-ui.git
synced 2026-08-28 05:57:19 +00:00
Sanaei
b53a5515d6
persian-calendar-suite seeds today's date and emits it whenever it mounts without a value. Clearing the expiry remounts the picker with a null value, so the library immediately fired onChange(today) and the date came straight back — and it also painted that seeded date into its read-only input. Swallow the mount-time emit (re-armed on every clear-remount) and hide the seeded text while the value is empty, so a cleared expiry stays empty and a fresh client/inbound form no longer silently adopts today as its expiry.
78 lines
1.5 KiB
CSS
78 lines
1.5 KiB
CSS
.jdp-wrap {
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.jdp-wrap > * {
|
|
width: 100%;
|
|
}
|
|
|
|
.jdp-wrap input {
|
|
direction: ltr;
|
|
text-align: left;
|
|
unicode-bidi: plaintext;
|
|
}
|
|
|
|
.jdp-dark .jdp-wrap input,
|
|
.jdp-dark input {
|
|
color: rgba(255, 255, 255, 0.88) !important;
|
|
background-color: #23252b !important;
|
|
}
|
|
|
|
.jdp-ultra .jdp-wrap input,
|
|
.jdp-ultra input {
|
|
color: rgba(255, 255, 255, 0.88) !important;
|
|
background-color: #101013 !important;
|
|
}
|
|
|
|
.jdp-dark input::placeholder,
|
|
.jdp-ultra input::placeholder {
|
|
color: rgba(255, 255, 255, 0.30) !important;
|
|
}
|
|
|
|
.jdp-disabled {
|
|
pointer-events: none;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
/* persian-calendar-suite has no allowClear; overlay our own clear button so
|
|
the Jalali picker matches the Gregorian AntD DatePicker's X affordance. */
|
|
.jdp-wrap .jdp-clear {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 11px;
|
|
transform: translateY(-50%);
|
|
z-index: 1;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: auto;
|
|
padding: 0;
|
|
border: none;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
line-height: 1;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
transition: color 0.2s;
|
|
}
|
|
|
|
.jdp-wrap .jdp-clear:hover {
|
|
color: rgba(0, 0, 0, 0.45);
|
|
}
|
|
|
|
.jdp-dark .jdp-clear {
|
|
color: rgba(255, 255, 255, 0.30);
|
|
}
|
|
|
|
.jdp-dark .jdp-clear:hover,
|
|
.jdp-ultra .jdp-clear:hover {
|
|
color: rgba(255, 255, 255, 0.45);
|
|
}
|
|
|
|
/* With no value the library still paints today's date into its readOnly input;
|
|
hide it so an empty (or just-cleared) expiry actually looks empty. */
|
|
.jdp-wrap.jdp-empty input {
|
|
color: transparent !important;
|
|
}
|