If you want to customize icon before passing to mui x date picker, you can assign arrow function which returns customized icon

import CalendarIcon"../Components/CalendarIcon";
    
    //…
    
 <DatePicker
   slots={{
     openPickerIcon: () => <CalendarMonthOutlinedIcon sx={{ fill: 'black' }} />
    }}
/>