Typescript 如何访问Content UI的DatePicker中的sx props of year picker'<>

发布于03月22日

我正在使用material UI中的DatePicker组件.我想访问年度挑选器部分的sxprops ，但我不知道如何访问.

我try 了什么:

我试着使用slotProps和sxprops 访问年度挑选器部分的sxprops ，但我没有成功.

预期结果:

我希望能够访问sx年 Select 器部分的props ，以改变在图像中出现的蓝色背景上所选年份的 colored颜色 .

代码:


<DatePicker
          defaultValue={dayjs().subtract(1, "month")}
          label="Tarih Başlangıcı"
          onChange={(e: dayjs.Dayjs | null) =>
            setDateStart(e?.format("DD.MM.YYYY"))
          }
          slotProps={{           
            day: {
              sx: {
                "&.MuiPickersDay-dayWithMargin.Mui-selected": {
                  bgcolor: "var(--c1)",
                },                
              },
            },
          }}
          sx={{
            ".MuiInputBase-root": {
              borderRadius: 25,
            },
            ".MuiButtonBase-root": {
              color: "var(--c1)",
            },
            ".Mui-focused": {
              ".MuiOutlinedInput-notchedOutline": { borderColor: "var(--c1)" },
              "&.MuiInputLabel-formControl": { color: "var(--c1)" },
            },
          }}
        />

import * as React from "react"; import { DemoContainer } from "@mui/x-date-pickers/internals/demo"; import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs"; import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider"; import { DatePicker } from "@mui/x-date-pickers/DatePicker"; export default function BasicDatePicker() { return ( <LocalizationProvider dateAdapter={AdapterDayjs}> <DemoContainer components={["DatePicker"]}> <DatePicker label="Basic date picker" slotProps={{ layout: { sx: { "& .MuiPickersYear-yearButton.Mui-selected": { backgroundColor: "purple", }, }, }, }} /> </DemoContainer> </LocalizationProvider> ); }

Typescript 如何访问Content UI的DatePicker中的sx props of year picker'<>

推荐答案

Typescript相关问答推荐

React router 6.22.3不只是在生产模式下显示，为什么？

数组文字中对象的从键开始枚举

在NextJS中获得Spotify Oauth，但不工作'

使用`renderToPipeableStream`时如何正确恢复服务器端Apollo缓存？

类型{}上不存在属性&STORE&A；-MobX&A；REACT&A；TYPE脚本

泛型类型联合将参数转换为Never

如何在TypeScript中将一个元组映射(转换)到另一个元组？

在对象中将缺省值设置为空值

扩展参数必须具有元组类型或传递给REST参数

如何在已知基类的任何子类上使用`extends`？

笛卡尔产品类型

保护函数调用，以便深度嵌套的对象具有必须与同级属性函数cargument的类型匹配的键

RXJS将对键盘/鼠标点击组合做出react

将超类型断言为类型脚本中的泛型参数

如何解决&Quot；类型不可分配给TypeScrip IF语句中的类型&Quot；？

如何从接口中省略接口

Typescript不允许在数组中使用联合类型

如何在TypeScript中将元组与泛型一起使用？

我是否应该在 Next.js 中的服务器组件中获取秘密数据的所有函数中使用使用服务器？

在 TypeScript 中实现类型级别深度优先搜索