chore: add time as input mode

bleu · Aug 7, 2024 · eb1bc66 · eb1bc66
1 parent c7b5dcf
commit eb1bc66
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/FormBuilder/fields/InputField.tsx b/src/components/FormBuilder/fields/InputField.tsx
@@ -12,13 +12,14 @@ import { Input } from "#/components/ui/Input";
 
 import { withConditional } from "../withConditional";
 import { BaseField } from "../types";
+import { cn } from "#/lib";
 
 export interface InputFieldProps extends BaseField {
   length?: {
     maximum?: number;
     minimum: number; // undefined or number
   };
-  mode: "text" | "number";
+  mode: "text" | "number" | "time";
   type: "input";
 }
 
@@ -56,7 +57,7 @@ export const InputField = withConditional<InputFieldProps>(
         }
         defaultValue={field.defaultValue}
         render={({ field: formField }) => (
-          <FormItem className="w-full">
+          <FormItem className={cn( field.mode === "time" ? "w-[240px]": "w-full")}>
             <FormLabel tooltip={field.tooltip}>{field.label}</FormLabel>
             <FormDescription>{field.description}</FormDescription>
             <FormControl>