MDBDatepicker Issue


Topic: MDBDatepicker Issue

Nitin.Chanana asked 6 years ago

How can i change the color of MDB Datepicker?


Anna Morawska staff answered 6 years ago

Hi there, 

you have to use theme prop, as shown below: 

<MDBDatePicker clearable value={null} emptyLabel="Select Date"
getValue={this.getPickerValue}
theme={{
palette: {
primary: {
main: '#3F729B',
},
secondary: {
main: '#1C2331',
contrastText: '#ffcc00',
},
}
}}
/>

You can choose something from our colour palette here.

Best,

Ania


Nitin.Chanana commented 6 years ago

Thanks for your help, Can i get a complete guidelines of manipulating mdb datepicker for example width of datepicker and the transition occuring on hover of datepicker?


Anna Morawska staff commented 6 years ago

Unfortunately, right now datepicker is hard to customise, but we are going to rebuild it entirely in the near feature. 

 


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.8.4
  • Device: Lenovo Desktop
  • Browser: Google Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No