Материал Ui DatePicker - стилизация значка календаря в текстовом поле - PullRequest
Новая
       53

Материал Ui DatePicker - стилизация значка календаря в текстовом поле

0 голосов
/ 10 марта 2020

Я пытаюсь стилизовать значок календаря (чтобы указать c увеличить размер шрифта значка) внутри текстового поля ввода даты клавиатуры пользовательского интерфейса в React. 

<KeyboardDatePicker
  keyboard={!this.props.isDisabled}
  keyboardIconProps={{ fontSize: "35px" }}
  clearable
  disabled={this.props.isDisabled}
  error={this.state.isError}
  helperText={this.state.errorMsg}
  pickerRef={node => (this.picker = node)}
  InputProps={{ disableUnderline: true, disabled: this.props.isDisabled }}
  onError={console.log}
  value={this.props.storeValue}
  onChange={this.onChangeCallback}
  format={this.props.displayFormat}
  onBlur={this.onBlurCallback}
  disableOpenOnEnter
  InputLabelProps={this.inputLabelProps}
  disableFuture={this.props.disableFuture}
  disablePast={this.props.disablePast}
/>

Я попытался установить KeyboardButtonProps, но кажется, что он не устанавливает стиль иконки. Я искал в Интернете, и нет решения для моей проблемы. Любая помощь приветствуется. Ура! * * 1004

1 Ответ

1 голос
/ 10 марта 2020

Предполагая, что вы используете KeyBoardDatePicker из @ material-ui / pickers

Вы можете изменить значок с помощью keyboardIcon проп, который ожидает ReactNode как child.

В основном просто добавьте следующее prop к вашему компоненту 

keyboardIcon={<SomeReactElement/>}

Здесь у вас есть рабочая песочница

...