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!

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

Group free asked 5 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

Aliaksandr Andrasiuk staff answered 5 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.

johndoe pro answered 5 years ago

See if this works for you.

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

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
  • ForumUser: 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
About author
Group
30Support score
4Questions 1Answers 0Snippets