Topic: Adjusting CSS Datepicker in Angular
I am using the date picker in a form in an Angular component. I have to make several css styling adjustments. (positioning, border, collars etc.) and also have to change CSS, positioning etc. to the calendar when the user wants to enter the date.
I tried to acces the date picker object from within the CSS of the Angular Component and also over the global styles.scss, and tried to access them over tags like .mdb-date-picker or the in this object assigned class or id name, but it is ignored in the browser.
Is there a separate way to change the CSS of this component?
Best regards,
Bob
Works for me, adding in your main style sheet:
.picker__date-display {
background-color: red !important;
}
or scss
.picker {
&__date-display {
background-color: red !important;
}
}
bfiering pro premium commented 6 years ago
Thanks, I will try that
Damian Gemza staff commented 6 years ago
You should definitely try the Ritten's approach!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Angular
- MDB Version: 7.5.1
- Device: Several
- Browser: Chrome (latest), Safari
- OS: MacOS, iOS,Android
- Provided sample code: No
- Provided link: No