date picker input

  1. MDB Home Page
  2. Support Main Page
  3. MDB React
Topic: date picker input

Group asked 6 years ago

date picker input can not fixed width 100%I have tried .MuiFormControl-root-3 { width: 100%;} but some time this root-3 id change please help me

enter image description here

johndoe pro answered 6 years ago

See if this works for you.

div[class^="MuiFormControl"] { width: 100%; }

Aliaksandr Andrasiuk staff answered 6 years ago

Hello,

Try to add width: 100% to div with class=MuiFormControl-root-1 or as johndoe mentioned above use div[class^="MuiFormControl"] { width: 100%; } if id changes sometimes.

That's should resolve the problem. If will not help please contact me again.

Best regards,

Aliaksandr from MDB.

Write
Create snippet
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.12.0
  • Device: windowns
  • Browser: chrome
  • OS: windows-10
  • Provided sample code: No
  • Provided link: No
Tags
datepicker inputs width
Related topics
5
Add clear button to all inputs
0
Date range selection component
11
Datepicker range
4
Datepicker should have an option to only allow picking dates without free text input
3
Datepicker display format vs. submit format
About author
Group
30Support score
4Questions 1Answers
0Snippets likes 0Snippets