Добавьте атрибут "small" или .bp3-small в BlueprintJs DateInput - PullRequest
Новая
       23

Добавьте атрибут "small" или .bp3-small в BlueprintJs DateInput

0 голосов
/ 03 марта 2019

Я использую элементы управления из BlueprintJS в своем приложении, и в поле ввода есть атрибут «small», который добавляет к нему класс «.bp3-small» для уменьшения размера шрифта и высоты компонента.Однако, это, кажется, не доступно на элементе управления DateInput.Я пытался добавить класс вручную с помощью: 

<DateInput className="bp3-small"
                    showActionsBar={true}
                    small={true}
                    closeOnSelection={true}
                    value={props.data[props.fieldId]}
                    onChange={(newDate) => {
                        props.mutator(props.fieldId, newDate)
                    }}
                    popoverProps={{ position: Position.BOTTOM }}
                    formatDate={ date => date.toLocaleString()}
                    parseDate={str => new Date(str)}
                />

и: 

<DateInput className=".bp3-small"
                    showActionsBar={true}
                    small={true}
                    closeOnSelection={true}
                    value={props.data[props.fieldId]}
                    onChange={(newDate) => {
                        props.mutator(props.fieldId, newDate)
                    }}
                    popoverProps={{ position: Position.BOTTOM }}
                    formatDate={ date => date.toLocaleString()}
                    parseDate={str => new Date(str)}
                />

, но он все еще не применяется.Я также попытался просто добавить стили, но все равно не повезло. 

<DateInput style={{fontSize: "12px", height:"24px"}}
                    showActionsBar={true}
                    small={true}
                    closeOnSelection={true}
                    value={props.data[props.fieldId]}
                    onChange={(newDate) => {
                        props.mutator(props.fieldId, newDate)
                    }}
                    popoverProps={{ position: Position.BOTTOM }}
                    formatDate={ date => date.toLocaleString()}
                    parseDate={str => new Date(str)}
                />

Как использовать маленький стиль для всех компонентов BlueprintJS?

Я должен добавить, что мойDateInput находится внутри FormGroup.Я также попытался использовать атрибут contentClassName FormGroup без успеха

Спасибо, Трой

1 Ответ

0 голосов
/ 03 марта 2019

Ах, я нашел ответ.Существует параметр, называемый inputProps, который передает свойства входному сигналу нижележащего элемента, поэтому это работает:

...