En mi aplicación, hay una opción para capturar la fecha de nacimiento del usuario. Una vez que el usuario ingresó la fecha o la seleccionó del calendario, quiero mostrar el número como asterisco.

Versión del paquete:

 "@mui/material": "^5.6.2", "@mui/lab": "^5.0.0-alpha.71", "date-fns": "^2.24.0", "react": "^18.0.0",

Ejemplo:

Si el usuario ingresa Fecha de 05/11/1990 (mm/dd/aaaa), entonces debe mostrarse como **/**/1990 .

Actual:

Esperado:

Código:

 return ( <LocalizationProvider dateAdapter={AdapterDateFns}> <Grid container justifyContent="space-around"> <DatePicker margin="normal" id="date-picker-dialog" label={label} inputFormat={format ?? 'MM/dd/yyyy'} mask={mask ?? "__/__/____"} onChange={handleDateChange} value={selectedDate} InputAdornmentProps={{ position: 'start' }} minDate={minDate} maxDate={new Date(maxdate)} shouldDisableDate={disableCustomDate} disablePast={disablePastDate === "true" ? true : false} views={views ?? [ 'year', 'month', 'day' ]} InputProps={{ "data-testid": "datePicker" }} renderInput={(props) => ( <TextField {...props} {...otherProps} fullWidth={true} placeholder={placeholder} error={error ? error : errorTF} helperText={error ? helperText : helperTextTF} type="password" variant="standard" /> )} /> </Grid> </LocalizationProvider> );