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

时间:2019-05-23 06:31:26

标签: 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>```

1 个答案:

答案 0 :(得分:0)

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