RangeDatePicker initial Styles

master
Pedram Keshavarzi 3 years ago
parent cd7a09079d
commit dd78851e61
  1. 24
      src/components/Calendar/index.css

@ -581,36 +581,38 @@
.Calendar__day.-selected, .Calendar__day.-selected,
.Calendar__day.-selectedStart, .Calendar__day.-selectedStart,
.Calendar__day.-selectedEnd { .Calendar__day.-selectedEnd {
background: #06BACE; background: #006C94;
color: #fff; color: #fff;
} }
.Calendar__day.-ltr.-selectedStart { .Calendar__day.-ltr.-selectedStart {
border-radius: 0; border-radius: 0;
border-top-left-radius: 100em; border-top-left-radius: 7px;
border-bottom-left-radius: 100em; border-bottom-left-radius: 7px;
} }
.Calendar__day.-rtl.-selectedStart { .Calendar__day.-rtl.-selectedStart {
border-radius: 0; border-radius: 0;
border-top-right-radius: 100em; border-top-right-radius: 7px;
border-bottom-right-radius: 100em; border-bottom-right-radius: 7px;
} }
.Calendar__day.-selectedBetween { .Calendar__day.-selectedBetween {
background: var(--cl-color-primary-light); background:rgba(0, 108, 148, 0.07);
color: var(--cl-color-primary);
border-radius: 0; border-radius: 0;
} }
.Calendar__day.-ltr.-selectedEnd { .Calendar__day.-ltr.-selectedEnd {
border-top-right-radius: 100em; border-radius: 0;
border-bottom-right-radius: 100em; border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
} }
.Calendar__day.-rtl.-selectedEnd { .Calendar__day.-rtl.-selectedEnd {
border-top-left-radius: 100em; border-radius: 0;
border-bottom-left-radius: 100em; border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
} }
.Calendar__day.-weekend:not(.-selected):not(.-blank):not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween) { .Calendar__day.-weekend:not(.-selected):not(.-blank):not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween) {

Loading…
Cancel
Save