fix: form field wrap is missing

This commit is contained in:
Vladimir Iliev 2020-05-14 11:27:52 +03:00
Родитель 16f7e57a6d
Коммит 5dfd040ec2
3 изменённых файлов: 57 добавлений и 51 удалений

Просмотреть файл

@ -26,23 +26,25 @@ export const DropDownList = (fieldRenderProps) => {
>
{label}
</Label>
<KendoDropDownList
ariaLabelledBy={labelId}
ariaDescribedBy={`${hintId} ${errorId}`}
ref={editorRef}
valid={valid}
id={id}
disabled={disabled}
{...others}
/>
{
showHint &&
<Hint id={hintId}>{hint}</Hint>
}
{
showValidationMessage &&
<Error id={errorId}>{validationMessage}</Error>
}
<div className={'k-form-field-wrap'}>
<KendoDropDownList
ariaLabelledBy={labelId}
ariaDescribedBy={`${hintId} ${errorId}`}
ref={editorRef}
valid={valid}
id={id}
disabled={disabled}
{...others}
/>
{
showHint &&
<Hint id={hintId}>{hint}</Hint>
}
{
showValidationMessage &&
<Error id={errorId}>{validationMessage}</Error>
}
</div>
</FieldWrapper>
);
};

Просмотреть файл

@ -18,23 +18,25 @@ export const RadioGroup = (fieldRenderProps) => {
return (
<FieldWrapper>
<Label id={labelId} editorRef={editorRef} editorId={id} editorValid={valid} editorDisabled={disabled}>{label}</Label>
<KendoRadioGroup
id={id}
ariaDescribedBy={`${hintId} ${errorId}`}
ariaLabelledBy={labelId}
valid={valid}
disabled={disabled}
ref={editorRef}
{...others}
/>
{
showHint &&
<Hint id={hintId}>{hint}</Hint>
}
{
showValidationMessage &&
<Error id={errorId}>{validationMessage}</Error>
}
<div className={'k-form-field-wrap'}>
<KendoRadioGroup
id={id}
ariaDescribedBy={`${hintId} ${errorId}`}
ariaLabelledBy={labelId}
valid={valid}
disabled={disabled}
ref={editorRef}
{...others}
/>
{
showHint &&
<Hint id={hintId}>{hint}</Hint>
}
{
showValidationMessage &&
<Error id={errorId}>{validationMessage}</Error>
}
</div>
</FieldWrapper>
);
};

Просмотреть файл

@ -27,23 +27,25 @@ export const Switch = (fieldRenderProps) => {
>
{label}
</Label>
<KendoSwitch
ref={editorRef}
ariaLabelledBy={labelId}
ariaDescribedBy={`${hintId} ${errorId}`}
valid={valid}
id={id}
disabled={disabled}
{...others}
/>
{
showHint &&
<Hint id={hintId}>{hint}</Hint>
}
{
showValidationMessage &&
<Error id={errorId}>{validationMessage}</Error>
}
<div className={'k-form-field-wrap'}>
<KendoSwitch
ref={editorRef}
ariaLabelledBy={labelId}
ariaDescribedBy={`${hintId} ${errorId}`}
valid={valid}
id={id}
disabled={disabled}
{...others}
/>
{
showHint &&
<Hint id={hintId}>{hint}</Hint>
}
{
showValidationMessage &&
<Error id={errorId}>{validationMessage}</Error>
}
</div>
</FieldWrapper>
);
};