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

Eva*_*hen 3 material-ui

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

尝试了自定义CSS,用CSS包装组件,所有这些黑客方法都失败了。

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

Ana*_*Ali 7

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