我正在嘗試自定義 mui DatePicker 我能夠更改圖示但不能更改其位置我希望圖示位于文本之前的開頭而不是最后，如圖所示是我的代碼
<ThemeProvider theme={calendarTheme}>
<DatePicker
disabled={false}
leftArrowButtonText={t("notification.previous_month")}
rightArrowButtonText={t("notification.next_month")}
minDate={today}
InputProps={{
classes: { notchedOutline: classes.noBorder },
}}
components={{
OpenPickerIcon: Table,
SwitchViewIcon: ArrowDown,
}}
value={value}
onChange={handlechange}
renderInput={(params: any) => (
<TextField
style={{
color: "red",
}}
{...params}
/>
)}
/>
</ThemeProvider>
uj5u.com熱心網友回復：
只需設定一個DatePicker具有以下樣式的類：
const styles = {
root: {
"flex-direction": "row-reverse"
}
};
然后將其添加到DatePicker：
<DatePicker
keyboard
placeholder="MM/DD/YYYY"
format={"MM/DD/YYYY"}
InputProps={{
classes: { root: classes.root }
}}
value={this.state.selectedDate}
onChange={this.handleDateChange}
disableOpenOnEnter
animateYearScrolling={false}
autoOk={true}
clearable
onInputChange={(e) => console.log("Keyboard:", e.target.value)}
/>
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/397225.html