Как добавить значок календаря для поля TextField / InputBase в Material-UI - PullRequest
Новая
       12

Как добавить значок календаря для поля TextField / InputBase в Material-UI

0 голосов
/ 06 февраля 2019

Я хочу добавить значок календаря вместо значка стрелки в правом правом углу этого поля.Как я могу добавить?Может кто-нибудь, пожалуйста, помогите мне. введите описание изображения здесь 

import React from 'react';
import {InputBase, InputLabel } from '@material-ui/core';

import moment from 'moment';

export class DateComp extends React.Component {
    constructor() {
        super();
    this.state= {
        dates: moment(new Date()).format('YYYY-MM-DD').toString()
    }
}
render() { 
    return(
        <div>
            <div style={{position:'relative'}}>
                <InputLabel shrink htmlFor="endDate" style={{position:'absolute', top: '0px'}} >
                End Date
                </InputLabel>
                <InputBase
                    id="endDate-input"
                    type="date"
                    defaultValue={this.state.dates}
                    style={
                        {
                            borderStyle:'solid', 
                            borderRadius:'4px',
                            borderWidth: '1px',
                            borderColor:'#cfcfcf',
                            paddingLeft:'15px',
                            marginTop: '17px'
                        }
                    }
                />
            </div>
        </div>
    )
}

}

...