MDB date-picker horizontal alignment

Topic: MDB date-picker horizontal alignment

jarenteria pro asked 3 years ago

I'm sorry to ask this, It might be a SCSS | CSS question, but how can I remove the margin from .md-form .form-control witihn a mdb-date-picker to components align center horizontally like in the screenshot below:

enter image description here

Currently this is how it looks when the margin is selected:

enter image description here


Jose Renteria

Arkadiusz Idzikowski staff commented 3 years ago

I'm not sure what is the exact problem here and it's hard to debug that without seeing the code. If you need to change the margin styles of mdb-date-picker control, you can add this styles to your global scss file:

.mydp.picker .md-form { margin: 0; }

or to remove margin only from input:

.mydp.picker .md-form .form-control { margin: 0; }

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.6.0
  • Device: All
  • Browser: ALl
  • OS: All
  • Provided sample code: No
  • Provided link: No