I have this Material UI DatePicker: <Grid item xs={12}> <LocalizationProvider dateAdapter={AdapterDayjs}> <DatePicker label="Date of birth" format="DD/MM/YYYY" value = {values.dob} sx={{ width: '50%' }} slotProps={{ textField: { id: 'dob', helperText: touched.dob ? errors.dob : "", error: touched.dob && Boolean(errors.dob), }, }}…
I just started creating a new react project, so I installed all necessary libs as mui, react-dom, .... I used all instruction found on the mui page. After starting blank project without any filled pages I got errors that MUI…
So I have the following code: const test = (e) => { console.log('example:', e.target.item.attributes.dataIWant); } {records.map((item, index) => { return ( <> <Accordion key={index}> <AccordionSummary onClick={test(item)} expandIcon={<ExpandMoreIcon />} aria-controls="panel1a-content" id="panel1a-header"> <Typography>{item.attributes.name} {item.attributes.date}</Typography> </AccordionSummary> </Accordion> </> ) })} This is using…
Title: Issue with Rendering Components in React StepContent Description: I am facing an issue with rendering components in a React Stepper in my application. The Stepper has three steps - "Dispatchs", "Orders", and "Tenders". Each step is supposed to render…
Has anyone experienced the textfield being not editable after assigning values to the states? Here is a video: https://jumpshare.com/embed/26PrqXSjycD4iOB3dL7W
I tested setting the cursor to cursor: pointer which works fine, but I would like to use a custom image as a cursor. The image is stored in my src folder and I tried it in the public folder as…
I am new to both MUI and React, but in an effort to keep smaller stuff off our overworked devs' plates, I'm tackling a couple of things. One of those is: I'm attempting to retroactively add some descriptive helperText to…
I want the aspect ratio to stay the same, whilst the width is fixed. Please help me automatically modulate the height. I would like to continue to use the Nextjs Image component if possible. const Logo = ({ logo })…
I need to set a value after pressing a button on this textfield : <TextField fullWidth inputProps={{ maxLength: 75 }} key="nomeSocial" id="outlined-basic" label="Nome Social" name="nomeSocial" onChange={(handleChange)} value={values.nomeSocial} variant="outlined" /> I've tried to set the value by the comand document.getElementsByName("nomeSocial")[0].value =…
I'm trying to change the default white tick (not the checkbox background!) to some other color of my choice. I've found some solutions for when using an older version of MUI and React. I'm looking for a solution for MUI…