Документированный способ использования Glamorous для стилизации сторонних компонентов не работает. Я попробовал это с несколькими и покажу пример.
В моем файле стиля:
import InfiniteCalendar from 'react-infinite-calendar'
export const Calendar = glamorous(InfiniteCalendar)({width:1200,height:330});
Использование:
import { Calendar } from '../../styles/style';
const theme = {
accentColor: '#fe490d',
floatingNav: { background: 'rgba(56, 87, 138, 0.94)', chevron: '#ff7b50', color: '#FFF' },
headerColor: '#fe490d',
selectionColor: '#ff5720',
textColor: { active: '#FFF', default: '#333'},
todayColor: '#ff7b50',
weekdayColor: '#ff5720'
};
<Calendar selected={this.state.startDate}
theme={theme}
minDate={today}
maxDate={new Date(new Date().setFullYear(new Date().getFullYear() + 1))}
onSelect={(e) => this.selectDate(e)}/>
Я вынул из календаря свойства width = {1200} height = {330}
На самом деле происходит то, что ошибок нет, но календарь появляется с каждым параметром по умолчанию - неправильные высота и ширина, неправильная тема, неправильные даты max и min и т. Д. Объект Typescript, показанный для Calendar такое гламурный компонент
Что я здесь не так делаю, я следовал рекомендованному для этого способу? Нужно ли вводить свойства каким-то другим способом? Было бы хорошо узнать, как это сделать, потому что в настоящее время я не могу использовать Glamorous для стилей сторонних компонентов.