I'm new to Reactjs and MUI, currently my date input format is in 23/11/2021(DD/MM/YYYY), how do I change it so that it will display as 23-nov-2021 (dd-mmm-yyyy) instead?

This is my current code:

```
<TextField
 name="startDate"
 label="Start Date"
 InputLabelProps={{ shrink: true, required: true, style: { fontWeight: 700, color:'#1E1E1E', fontFamily:'Open Sans', fontSize:'18px'} }}
 type="date"
 InputProps={{ style: {border: "1px solid #C2C2C2", padding: 6, width:480, height:51} }}
 defaultValue={values.startDate}
 onChange={e => handleStartDateChange(e)}
/>

```