56 lines
1.6 KiB
Plaintext

.calenderWrap {
position: relative;
// height: 100%;
overflow: hidden;
background-color: #fff;
:global(.za-calendar__month) {
color: var(--color) !important;
}
:global(.za-calendar__day--today .za-calendar__day__content) {
color: var(--selectColor);
background-color: rgba(255, 255, 255, 0.3);
}
:global(.za-calendar__day--selected .za-calendar__day__content) {
background-color: var(--selectColor) !important;
}
:global(.za-calendar__day--range .za-calendar__day__content),
:global(.za-calendar__day--range),
:global(.za-calendar__day--selected .za-calendar__day__content) {
background-color: var(--selectBgColor) !important;
background-image: linear-gradient(
90deg,
rgba(0, 0, 0, 0) 0,
rgba(0, 0, 0, 0) 50%,
var(--selectBgColor) 0
) !important;
}
:global(.za-calendar__day--range) {
color: rgba(255, 255, 255, 0.7) !important;
:global(.za-calendar__day__content) {
color: rgba(255, 255, 255, 0.7) !important;
}
}
:global(.za-calendar__day.range-start),
:global(.za-calendar__day.range-end) {
:global(.za-calendar__day__content) {
color: rgba(255, 255, 255, 1) !important;
}
}
:global(.za-calendar__day.range-start:not(.range-end):not(.d6):not(:last-child)) {
background-image: linear-gradient(
90deg,
rgba(0, 0, 0, 0) 0,
rgba(0, 0, 0, 0) 50%,
var(--selectBgColor) 0
) !important;
}
:global(.za-calendar__day.range-end:not(.range-start):not(.d7):not(:first-child)) {
background-image: linear-gradient(
-90deg,
rgba(0, 0, 0, 0) 0,
rgba(0, 0, 0, 0) 50%,
var(--selectBgColor) 0
) !important;
}
}