如何修改MUI X DatePicker组件的"SELECT DATE"标签？

云上老周

2026-7-2

问题

我想找到日期选择器里对应"SELECT DATE"标签的localeText属性，试了好几个localeText属性都没对上。现在打算实在不行就用CSS把这个标签删掉，但如果能找到对应的属性，我更想实现它的动态本地化。

用到的代码

<DatePicker
  localeText={{ cancelButtonLabel: t('close') }}
  className='bg-[#0000000F] w-[250px]'
  format='dd.MM.yyyy'
  value={field.value}
  onChange={(date) => {
    if (date instanceof Date && !isNaN(date.getTime())) {
      const formattedDate = format(date, 'yyyy-MM-dd');
      const dateObject = new Date(formattedDate);
      field.onChange(dateObject);
    }
  }}
  autoFocus={true}
/>

界面截图

日期选择器界面截图