I want to add for each button of day – ID.
Its needed for automation tests and other things.

I want to add for each button of day – ID.
Its needed for automation tests and other things.

The problem is that I can’t change the direction of the text inside the DatePicker Mui component.
An illustrative example is the set of the year should start from left to right, and it starts from right to left

The problem is that I can’t change the direction of the text inside the DatePicker Mui component.
An illustrative example is the set of the year should start from left to right, and it starts from right to left

I am working on customizing the TimePickerToolbar component from MUI (Material-UI). My main objective is to remove extra space from the default time list in the TimePickerToolbar. Additionally, I aim to implement a custom design to better fit my project’s requirements.

<LocalizationProvider dateAdapter={AdapterMoment}> <Box className=”datePickerCustom”> <DatePicker // label=”Seleccione Fecha de nacimiento” sx={{ ‘& .MuiOutlinedInput-root’: { ‘& fieldset’: { border: ‘none’, }, ‘& input’: { height: ’50px’, padding: ‘0 14px’, }, }, ‘& .MuiInputBase-input’: { height: ’50px’, padding: ‘0 14px’, }, }} value={field.value || null} onChange={handleChange} renderInput={() => <input {…props} />} inputFormat=”DD-MM-YYYY” className=”form-control font-hyundaiHead” /> </Box> </LocalizationProvider> […]

Using Mui DatePicker, and controlling the value as a string, if I start typing in the text field and leave it as 01/MM/YYYY, and hit an external clear button that sets the controlled value to null, the text field is not cleared.