自訂開啟按鈕

<DatePicker
  label="Departure"
  // Using an SVG component from `@mui/icons-material`
  slots={{ openPickerIcon: FlightTakeoffIcon }}
/>
<DatePicker
  label="Arrival"
  // Using a custom SVG component
  slots={{ openPickerIcon: FlightLandIcon }}
/>
<DatePicker
  label="New release date"
  // Using an img component
  slots={{ openPickerIcon: MuiIcon }}
/>

<DatePicker
  value={value}
  onChange={setValue}
  slots={{
    openPickerIcon:
      value == null || !value.isValid() ? PriorityHighIcon : CheckIcon,
  }}
/>

<DatePicker
  slotProps={{
    // Targets the `IconButton` component.
    openPickerButton: {
      color: 'primary',
    },
    // Targets the `InputAdornment` component.
    inputAdornment: {
      position: 'start',
    },
  }}
/>

<DatePicker
  label="Picker with error icon"
  maxDate={dayjs('2022-04-17')}
  defaultValue={dayjs('2022-04-18')}
  onError={setError}
  slots={{ inputAdornment: CustomInputAdornment }}
  slotProps={{
    inputAdornment: { hasError: !!error } as any,
  }}
/>