如何更改 MUI 日期选择器的“选择日期”标签？

Question

我需要找到 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}
/>

Answer 1

toolbarTitle

是控制您突出显示的文本的道具

<StaticDatePicker localeText={{ toolbarTitle: "My translation" }} />

https://codesandbox.io/p/sandbox/green-haze-4v6vgp?file=%2Fsrc%2FDemo.tsx%3A11%2C70