2. Changing border color of MUI (material ui) Date Picker || Removing border of MUI Date Picker
// To change border color
sx={{
'& .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline': { border: '1px solid yellow' }, // at page load
'& .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline': { border: '2px solid cyan' }, // at hover state
'& .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline': { border: '3px solid green' }, // at focused state
}}
// To remove border
sx={{
'& .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline': { border: 'none' },
}}