material-ui - 在 material-ui-pickers 2.2.4 中将日期图标对齐方式从右(默认)更改为左

Question

我正在使用 material-ui-pickers 2.2.4 Datepicker 组件。但是，我希望将日期图标放在左侧而不是右侧(默认)。有帮助吗？

尝试过自定义 css，用 css 包装组件，但所有这些 hacky 方法都失败了。

                <MuiPickersUtilsProvider utils={MomentUtils}>
                    <DatePicker 
                        readOnly
                        ref='datepicker'
                        labelFunc={this.formatWeekSelectLabel}
                        // value=""
                        onChange={this.handleDateChange}
                        animateYearScrolling
                        InputProps={{
                            disableUnderline: true,
                        }}      
                    />
                </MuiPickersUtilsProvider>
            </MuiThemeProvider>```

Answer 1

               <DatePicker 
                    readOnly
                    ref='datepicker'
                    labelFunc={this.formatWeekSelectLabel}
                    // value=""
                    onChange={this.handleDateChange}
                    animateYearScrolling
                    InputProps={{
                        disableUnderline: true,
                    }}  
                    InputAdornmentProps={{ position: 'start' }}
                />