How to change datepicker label.active color?

.mydp.picker label.active {
    color: red;
}

yslim commented 5 years ago

I have tried it, but It's not working.

---

Arkadiusz Idzikowski staff commented 5 years ago

Sorry I didn't notice that you use inline mode. Please use this styles, it should work for both inline and modal mode:

mdb-date-picker .md-form label.active { color: red; }

---

// default label color
mdb-date-picker .md-form label.active {
  font-size: 1rem;
  color: red; // #757575
  transform: translateY(-14px) scale(0.9) !important;
}

// focus label
mdb-date-picker .md-form input[type='text']:focus:not([readonly]) + label {
  color: #00c853;  // #4285f4
  transform: translateY(-14px) scale(0.9) !important;
}

// focus input
mdb-date-picker .md-form input[type=text]:focus:not([readonly]) {
  box-shadow: 0 1px 0 0 green !important;
  border-bottom: 1px solid green !important;
}