From 7b3c990457f497f45f2697b25d9e46b32b01e8c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michal=20Kopeck=C3=BD?= <michal.kopeck@eman.cz>
Date: Tue, 21 Dec 2021 11:25:06 +0100
Subject: [PATCH] #56 Final solution

---
 packages/bootstrap/src/controls/input.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/bootstrap/src/controls/input.tsx b/packages/bootstrap/src/controls/input.tsx
index fa7369f0..5038b5c3 100644
--- a/packages/bootstrap/src/controls/input.tsx
+++ b/packages/bootstrap/src/controls/input.tsx
@@ -1,8 +1,10 @@
 import { bound } from "@frui.ts/helpers";
 import * as React from "react";
-import { Form, FormControl } from "react-bootstrap";
+import { Form, FormControlProps } from "react-bootstrap";
 import { ValidationControlBase } from "./validationControlBase";
 
+type FormControlElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+
 export interface InputProps {
   onBlur?: (e: React.FormEvent<any>) => void;
   onFocus?: (e: React.FormEvent<any>) => void;
@@ -25,7 +27,7 @@ export function formatValueForControl(value: any) {
 
 export class Input<TTarget, TOtherProps = unknown> extends ValidationControlBase<
   TTarget,
-  InputProps & React.PropsWithRef<FormControl> & TOtherProps
+  InputProps & React.InputHTMLAttributes<FormControlElement> & FormControlProps & TOtherProps
 > {
   @bound
   protected renderInner() {