Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: mdb-date-picker style

carlosalviz free asked 5 years ago


Is it possible to remove the huge blue header from the DatePicker? I cant find an option inside the API.

It-s to big and it-s not friendly.

tks,


carlosalviz free answered 5 years ago


Awesome... now looks better. Tks!


Damian Gemza staff answered 5 years ago


Dear carlosalviz,

I don't think that it's a good idea to get rid of the blue header from Date Picker. You can't achieve such behavior with the Date Picker API, but you can achieve it with few lines of scss.

Add the below code to the styles.scss file:

.picker__date-display{
  display: none !important;
}

.picker__frame{
  min-height: 350px !important;
}

.picker__header {
  margin-top: 1.25rem;
}

Best Regards,

Damian



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.4.2
  • Device: -
  • Browser: Chrome
  • OS: Win10
  • Provided sample code: No
  • Provided link: No