feat(interface/input): minLength & maxLength option (overextended#286)

Moozdzn · May 8, 2023 · 9a0fc24 · 9a0fc24
1 parent 1d65379
commit 9a0fc24
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/web/src/features/dialog/components/fields/input.tsx b/web/src/features/dialog/components/fields/input.tsx
@@ -29,6 +29,8 @@ const InputField: React.FC<Props> = (props) => {
           description={props.row.description}
           icon={props.row.icon && <FontAwesomeIcon icon={props.row.icon} fixedWidth />}
           placeholder={props.row.placeholder}
+          minLength={props.row.min}
+          maxLength={props.row.max}
           disabled={props.row.disabled}
           withAsterisk={props.row.required}
         />
@@ -40,6 +42,8 @@ const InputField: React.FC<Props> = (props) => {
           description={props.row.description}
           icon={props.row.icon && <FontAwesomeIcon icon={props.row.icon} fixedWidth />}
           placeholder={props.row.placeholder}
+          minLength={props.row.min}
+          maxLength={props.row.max}
           disabled={props.row.disabled}
           withAsterisk={props.row.required}
           visibilityToggleIcon={({ reveal, size }) => (

diff --git a/web/src/typings/dialog.ts b/web/src/typings/dialog.ts
@@ -21,6 +21,8 @@ type BaseField<T, U> = {
 
 export interface IInput extends BaseField<'input', string> {
   password?: boolean;
+  min?: number;
+  max?: number;
 }
 
 export interface ICheckbox {