diff --git a/package.json b/package.json
index b7c5cab2..5ad6e5e1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@dassana-io/web-components",
-	"version": "0.7.5",
+	"version": "0.7.6",
 	"publishConfig": {
 		"registry": "https://npm.pkg.github.com/dassana-io"
 	},
diff --git a/src/components/Form/FieldContext.ts b/src/components/Form/FieldContext.ts
index 11674868..708e5c8f 100644
--- a/src/components/Form/FieldContext.ts
+++ b/src/components/Form/FieldContext.ts
@@ -3,7 +3,6 @@ import { FieldValues } from 'react-hook-form/dist/types/form'
 import { SubmitHandler } from 'react-hook-form'
 
 export interface FieldContextProps {
-	initialValues: FieldValues
 	loading: boolean
 	onSubmit: SubmitHandler<FieldValues>
 }
diff --git a/src/components/Form/Form.test.tsx b/src/components/Form/Form.test.tsx
index b41451c8..781e682b 100644
--- a/src/components/Form/Form.test.tsx
+++ b/src/components/Form/Form.test.tsx
@@ -52,37 +52,12 @@ describe('Form', () => {
 	it('passes the correct props to FieldContext provider', () => {
 		expect(wrapper.find(FieldContext.Provider).props().value).toMatchObject(
 			{
-				initialValues: mockInitialValues,
 				loading: false,
 				onSubmit: mockOnSubmit
 			}
 		)
 	})
 
-	it('correctly defaults initial values to empty object if none is passed in', () => {
-		wrapper = shallow(
-			<Form onSubmit={mockOnSubmit}>
-				<FormSubmitButton>Submit</FormSubmitButton>
-			</Form>
-		)
-
-		expect(
-			wrapper.find(FieldContext.Provider).props().value
-		).toMatchObject({ initialValues: {} })
-	})
-
-	it('correctly updates initial values', () => {
-		const form = mount(
-			<Form onSubmit={mockOnSubmit}>
-				<FormSubmitButton>Submit</FormSubmitButton>
-			</Form>
-		)
-
-		form.setProps({ initialValues: mockInitialValues })
-
-		expect(mockReset).toHaveBeenCalledWith(mockInitialValues)
-	})
-
 	it('exposes form methods when a ref is passed', () => {
 		const formRef = createRef<UseFormMethods>()
 
diff --git a/src/components/Form/FormInput/FormInput.test.tsx b/src/components/Form/FormInput/FormInput.test.tsx
index 15fa2f09..d4ac8092 100644
--- a/src/components/Form/FormInput/FormInput.test.tsx
+++ b/src/components/Form/FormInput/FormInput.test.tsx
@@ -40,7 +40,6 @@ const getMountedFormInput = (formInputProps: Partial<FormInputProps> = {}) =>
 	mount(
 		<FieldContext.Provider
 			value={{
-				initialValues: { foo: 'bar' },
 				loading: true,
 				onSubmit: mockOnSubmit
 			}}
@@ -62,10 +61,6 @@ describe('FormInput', () => {
 		expect(wrapper).toHaveLength(1)
 	})
 
-	it('correctly passes a default value from initial values if it exists', () => {
-		expect(wrapper.find(Controller).props().defaultValue).toEqual('bar')
-	})
-
 	it('should render an Input component', () => {
 		const input = wrapper.find(Controller).invoke('render')!(mockRenderArgs)
 
@@ -76,7 +71,6 @@ describe('FormInput', () => {
 		wrapper = mount(
 			<FieldContext.Provider
 				value={{
-					initialValues: {},
 					loading: true,
 					onSubmit: mockOnSubmit
 				}}
@@ -102,6 +96,30 @@ describe('FormInput', () => {
 		expect(mockFocus).toHaveBeenCalled()
 	})
 
+	it('prevents default behavior when enter is pressed within the input', () => {
+		const input = wrapper.find(Controller).invoke('render')!(mockRenderArgs)
+		const mockPreventDefault = jest.fn()
+
+		input.props.onKeyDown({
+			key: 'Enter',
+			preventDefault: mockPreventDefault
+		})
+
+		expect(mockPreventDefault).toHaveBeenCalled()
+	})
+
+	it('does not prevent default behavior when other keys are pressed within the input', () => {
+		const input = wrapper.find(Controller).invoke('render')!(mockRenderArgs)
+		const mockPreventDefault = jest.fn()
+
+		input.props.onKeyDown({
+			key: 'Escape',
+			preventDefault: mockPreventDefault
+		})
+
+		expect(mockPreventDefault).not.toHaveBeenCalled()
+	})
+
 	it('clears errors on focus if there are any', () => {
 		wrapper = getMountedFormInput()
 
diff --git a/src/components/Form/FormInput/index.tsx b/src/components/Form/FormInput/index.tsx
index 2f2bf5e6..6f9b98a7 100644
--- a/src/components/Form/FormInput/index.tsx
+++ b/src/components/Form/FormInput/index.tsx
@@ -6,7 +6,7 @@ import { getFormFieldDataTag } from '../utils'
 import { Controller, useFormContext } from 'react-hook-form'
 import FieldContext, { FieldContextProps } from '../FieldContext'
 import { Input, InputProps } from 'components/Input'
-import React, { FC, useContext, useEffect, useRef } from 'react'
+import React, { FC, KeyboardEvent, useContext, useEffect, useRef } from 'react'
 
 export interface FormInputProps
 	extends BaseFieldProps,
@@ -26,9 +26,7 @@ const FormInput: FC<FormInputProps> = ({
 }: FormInputProps) => {
 	const inputRef = useRef<AntDInput>(null)
 	const { clearErrors, control, errors } = useFormContext()
-	const { initialValues, loading } = useContext<FieldContextProps>(
-		FieldContext
-	)
+	const { loading } = useContext<FieldContextProps>(FieldContext)
 
 	const errorMsg = errors[name] ? errors[name].message : ''
 
@@ -36,6 +34,11 @@ const FormInput: FC<FormInputProps> = ({
 		if (errors[name]) clearErrors(name)
 	}
 
+	const onKeyDown = (e: KeyboardEvent) => {
+		// This prevents the form from being automatically submitted when the Enter button is pressed
+		if (e.key === 'Enter') e.preventDefault()
+	}
+
 	useEffect(() => {
 		if (focused && inputRef.current) {
 			inputRef.current.focus()
@@ -46,8 +49,6 @@ const FormInput: FC<FormInputProps> = ({
 		rules.required = true
 	}
 
-	const defaultValue = (initialValues[name] as string) || ''
-
 	return (
 		<div>
 			{label && (
@@ -61,7 +62,6 @@ const FormInput: FC<FormInputProps> = ({
 			)}
 			<Controller
 				control={control}
-				defaultValue={defaultValue}
 				name={name}
 				render={({ onChange, value }) => (
 					<Input
@@ -72,6 +72,7 @@ const FormInput: FC<FormInputProps> = ({
 						loading={loading}
 						onChange={onChange}
 						onFocus={onInputFocus}
+						onKeyDown={onKeyDown}
 						value={value}
 						{...rest}
 					/>
diff --git a/src/components/Form/FormRadioGroup/FormRadioGroup.test.tsx b/src/components/Form/FormRadioGroup/FormRadioGroup.test.tsx
index 19032671..26c5397f 100644
--- a/src/components/Form/FormRadioGroup/FormRadioGroup.test.tsx
+++ b/src/components/Form/FormRadioGroup/FormRadioGroup.test.tsx
@@ -31,7 +31,6 @@ beforeEach(() => {
 	wrapper = mount(
 		<FieldContext.Provider
 			value={{
-				initialValues: { foo: 'bar' },
 				loading: true,
 				onSubmit: mockOnSubmit
 			}}
@@ -50,10 +49,6 @@ describe('FormRadioGroup', () => {
 		expect(wrapper).toHaveLength(1)
 	})
 
-	it('correctly passes a default value from initial values if it exists', () => {
-		expect(wrapper.find(Controller).props().defaultValue).toEqual('bar')
-	})
-
 	it('should render a Radio Group component', () => {
 		const radioGroup = getRenderedCmp(wrapper)
 
@@ -72,7 +67,6 @@ describe('FormRadioGroup', () => {
 		wrapper = mount(
 			<FieldContext.Provider
 				value={{
-					initialValues: {},
 					loading: true,
 					onSubmit: mockOnSubmit
 				}}
diff --git a/src/components/Form/FormRadioGroup/index.tsx b/src/components/Form/FormRadioGroup/index.tsx
index ca016bc9..ff954b85 100644
--- a/src/components/Form/FormRadioGroup/index.tsx
+++ b/src/components/Form/FormRadioGroup/index.tsx
@@ -11,7 +11,6 @@ export interface FormRadioGroupProps
 		Omit<RadioGroupProps, 'onChange' | 'value'> {}
 
 const FormRadioGroup: FC<FormRadioGroupProps> = ({
-	defaultValue,
 	label,
 	labelSkeletonWidth,
 	name,
@@ -20,14 +19,10 @@ const FormRadioGroup: FC<FormRadioGroupProps> = ({
 	...rest
 }: FormRadioGroupProps) => {
 	const { control } = useFormContext()
-	const { initialValues, loading } = useContext<FieldContextProps>(
-		FieldContext
-	)
+	const { loading } = useContext<FieldContextProps>(FieldContext)
 
 	rules.required = true
 
-	const initialValue = (initialValues[name] as string) || defaultValue || ''
-
 	return (
 		<div>
 			{label && (
@@ -40,12 +35,10 @@ const FormRadioGroup: FC<FormRadioGroupProps> = ({
 			)}
 			<Controller
 				control={control}
-				defaultValue={initialValue}
 				name={name}
 				render={({ onChange, value }) => (
 					<RadioGroup
 						dataTag={getFormFieldDataTag(name)}
-						defaultValue={defaultValue}
 						loading={loading}
 						onChange={(
 							event: React.ChangeEvent<HTMLInputElement>
diff --git a/src/components/Form/FormSelect/FormSelect.test.tsx b/src/components/Form/FormSelect/FormSelect.test.tsx
index ebf3f3e3..5411104b 100644
--- a/src/components/Form/FormSelect/FormSelect.test.tsx
+++ b/src/components/Form/FormSelect/FormSelect.test.tsx
@@ -24,7 +24,6 @@ beforeEach(() => {
 	wrapper = mount(
 		<FieldContext.Provider
 			value={{
-				initialValues: { foo: 'bar' },
 				loading: true,
 				onSubmit: mockOnSubmit
 			}}
@@ -43,10 +42,6 @@ describe('FormSelect', () => {
 		expect(wrapper).toHaveLength(1)
 	})
 
-	it('correctly passes a default value from initial values if it exists', () => {
-		expect(wrapper.find(Controller).props().defaultValue).toEqual('bar')
-	})
-
 	it('should render a Select component', () => {
 		const test = {
 			onChange: jest.fn(),
@@ -62,7 +57,6 @@ describe('FormSelect', () => {
 		wrapper = mount(
 			<FieldContext.Provider
 				value={{
-					initialValues: {},
 					loading: true,
 					onSubmit: mockOnSubmit
 				}}
diff --git a/src/components/Form/FormSelect/index.tsx b/src/components/Form/FormSelect/index.tsx
index e5ec88cd..4f770cdf 100644
--- a/src/components/Form/FormSelect/index.tsx
+++ b/src/components/Form/FormSelect/index.tsx
@@ -19,14 +19,10 @@ const FormSelect: FC<FormSelectProps> = ({
 	...rest
 }: FormSelectProps) => {
 	const { control } = useFormContext()
-	const { initialValues, loading } = useContext<FieldContextProps>(
-		FieldContext
-	)
+	const { loading } = useContext<FieldContextProps>(FieldContext)
 
 	rules.required = true
 
-	const defaultValue = (initialValues[name] as string) || ''
-
 	return (
 		<div>
 			{label && (
@@ -39,12 +35,10 @@ const FormSelect: FC<FormSelectProps> = ({
 			)}
 			<Controller
 				control={control}
-				defaultValue={defaultValue}
 				name={name}
 				render={({ onChange, value }) => (
 					<Select
 						dataTag={getFormFieldDataTag(name)}
-						defaultValue={defaultValue}
 						loading={loading}
 						onChange={onChange}
 						value={value}
diff --git a/src/components/Form/FormSubmitButton/FormSubmitButton.test.tsx b/src/components/Form/FormSubmitButton/FormSubmitButton.test.tsx
index 32d28ebe..d9531c2d 100644
--- a/src/components/Form/FormSubmitButton/FormSubmitButton.test.tsx
+++ b/src/components/Form/FormSubmitButton/FormSubmitButton.test.tsx
@@ -16,13 +16,13 @@ const getMockFormContext = (isDirty = true) =>
 			isDirty
 		},
 		getValues: jest.fn() as any,
-		handleSubmit: (onSubmit: any) => onSubmit()
+		handleSubmit: (onSubmit: any) => onSubmit(),
+		watch: jest.fn() as any
 	} as reactHookForm.UseFormMethods)
 
 const getWrapper = (additionalButtonProps = {}) => (
 	<FieldContext.Provider
 		value={{
-			initialValues: {},
 			loading: false,
 			onSubmit: (_: any) => mockOnSubmit as any
 		}}
diff --git a/src/components/Form/FormSubmitButton/index.tsx b/src/components/Form/FormSubmitButton/index.tsx
index 69660703..73f5b42e 100644
--- a/src/components/Form/FormSubmitButton/index.tsx
+++ b/src/components/Form/FormSubmitButton/index.tsx
@@ -17,12 +17,12 @@ const FormSubmitButton: FC<FormButtonProps> = ({
 	isDisabled,
 	...rest
 }: FormButtonProps) => {
-	const { handleSubmit, formState, getValues } = useFormContext()
+	const { handleSubmit, formState, watch } = useFormContext()
 	const { loading, onSubmit } = useContext(FieldContext)
 	const { isDirty } = formState
 
 	const isButtonDisabled = () =>
-		isDisabled ? isDisabled(formState, getValues()) : !isDirty
+		isDisabled ? isDisabled(formState, watch()) : !isDirty
 
 	useShortcut({
 		additionalConditionalFn: () => !isButtonDisabled(),
diff --git a/src/components/Form/FormToggle/FormToggle.test.tsx b/src/components/Form/FormToggle/FormToggle.test.tsx
index 7e83ffb5..b620171b 100644
--- a/src/components/Form/FormToggle/FormToggle.test.tsx
+++ b/src/components/Form/FormToggle/FormToggle.test.tsx
@@ -23,7 +23,6 @@ beforeEach(() => {
 	wrapper = mount(
 		<FieldContext.Provider
 			value={{
-				initialValues: { foo: true },
 				loading: true,
 				onSubmit: mockOnSubmit
 			}}
@@ -42,26 +41,6 @@ describe('FormToggle', () => {
 		expect(wrapper).toHaveLength(1)
 	})
 
-	it('correctly passes a default value from initial values if it exists', () => {
-		expect(wrapper.find(Controller).props().defaultValue).toEqual(true)
-	})
-
-	it('correctly passes a default value from initial values if defaultChecked is true', () => {
-		wrapper = mount(
-			<FieldContext.Provider
-				value={{
-					initialValues: {},
-					loading: true,
-					onSubmit: mockOnSubmit
-				}}
-			>
-				<FormToggle defaultChecked label='foo' name='foo' />
-			</FieldContext.Provider>
-		)
-
-		expect(wrapper.find(Controller).props().defaultValue).toEqual(true)
-	})
-
 	it('should render a Toggle component', () => {
 		const mockOnChange = jest.fn()
 		const test = {
@@ -86,7 +65,6 @@ describe('FormToggle', () => {
 		wrapper = mount(
 			<FieldContext.Provider
 				value={{
-					initialValues: {},
 					loading: true,
 					onSubmit: mockOnSubmit
 				}}
@@ -117,7 +95,6 @@ describe('FormToggle', () => {
 		wrapper = mount(
 			<FieldContext.Provider
 				value={{
-					initialValues: {},
 					loading: true,
 					onSubmit: mockOnSubmit
 				}}
diff --git a/src/components/Form/FormToggle/index.tsx b/src/components/Form/FormToggle/index.tsx
index 5b062422..5326569f 100644
--- a/src/components/Form/FormToggle/index.tsx
+++ b/src/components/Form/FormToggle/index.tsx
@@ -44,14 +44,10 @@ const FormToggle: FC<FormToggleProps> = ({
 	...rest
 }: FormToggleProps) => {
 	const { control } = useFormContext()
-	const { initialValues, loading } = useContext<FieldContextProps>(
-		FieldContext
-	)
+	const { loading } = useContext<FieldContextProps>(FieldContext)
 
 	const classes = useStyles({ fullWidth })
 
-	const defaultValue = (initialValues[name] as boolean) || defaultChecked
-
 	// TODO: add info tips
 	return (
 		<div className={classes.container}>
@@ -64,7 +60,6 @@ const FormToggle: FC<FormToggleProps> = ({
 			/>
 			<Controller
 				control={control}
-				defaultValue={defaultValue}
 				name={name}
 				render={({ onChange, value }) => (
 					<Toggle
diff --git a/src/components/Form/FormTree/FormTree.test.tsx b/src/components/Form/FormTree/FormTree.test.tsx
index 9fd7e398..e7aaee6f 100644
--- a/src/components/Form/FormTree/FormTree.test.tsx
+++ b/src/components/Form/FormTree/FormTree.test.tsx
@@ -1,6 +1,5 @@
 import { Controller } from 'react-hook-form'
 import FieldLabel from '../FieldLabel'
-import { FieldValues } from 'react-hook-form/dist/types/form'
 import React from 'react'
 import treeData from 'components/Tree/fixtures/0_sample_data'
 import FieldContext, { FieldContextProps } from '../FieldContext'
@@ -10,18 +9,12 @@ import { Tree, TreeId } from 'components/Tree'
 
 /* Helper functions */
 interface MountWrapperArgsType {
-	initialValues: FieldValues
 	name: string
 	defaultChecked?: TreeId[]
 }
 
-const mountWrapper = ({
-	initialValues,
-	name,
-	defaultChecked
-}: MountWrapperArgsType) => {
+const mountWrapper = ({ name, defaultChecked }: MountWrapperArgsType) => {
 	const defaultValue: FieldContextProps = {
-		initialValues,
 		loading: true,
 		onSubmit: mockOnSubmit
 	}
@@ -41,7 +34,7 @@ const mountWrapper = ({
 /* --------------------------------------- */
 
 jest.mock('react-hook-form', () => ({
-	...jest.requireActual('react-hook-form'),
+	...(jest.requireActual('react-hook-form') as {}),
 	Controller: () => <div />,
 	useFormContext: () => ({
 		control: jest.fn(),
@@ -54,7 +47,7 @@ let wrapper: ReactWrapper<FormTreeProps>
 const mockOnSubmit = jest.fn()
 
 beforeEach(() => {
-	mountWrapper({ initialValues: { foo: [0] }, name: 'foo' })
+	mountWrapper({ name: 'foo' })
 })
 
 afterEach(() => {
@@ -66,29 +59,6 @@ describe('FormTree', () => {
 		expect(wrapper).toHaveLength(1)
 	})
 
-	it('correctly passes a default value from initial values if it exists', () => {
-		expect(wrapper.find(Controller).props().defaultValue).toMatchObject([0])
-	})
-
-	it('correctly passes default checked as default value if initial values do not exist', () => {
-		mountWrapper({ defaultChecked: [1], initialValues: {}, name: 'foo' })
-		expect(wrapper.find(Controller).props().defaultValue).toMatchObject([1])
-	})
-
-	it('correctly passes an empty array as default value if initial values and default checked do not exist', () => {
-		mountWrapper({ initialValues: {}, name: 'foo' })
-		expect(wrapper.find(Controller).props().defaultValue).toMatchObject([])
-	})
-
-	it('correctly passes default values if both default checked and initial values exist', () => {
-		mountWrapper({
-			defaultChecked: [1],
-			initialValues: { foo: [0] },
-			name: 'foo'
-		})
-		expect(wrapper.find(Controller).props().defaultValue).toMatchObject([0])
-	})
-
 	it('should render a Tree component', () => {
 		const test = {
 			onChange: jest.fn()
@@ -103,7 +73,6 @@ describe('FormTree', () => {
 		wrapper = mount(
 			<FieldContext.Provider
 				value={{
-					initialValues: {},
 					loading: true,
 					onSubmit: mockOnSubmit
 				}}
diff --git a/src/components/Form/FormTree/index.tsx b/src/components/Form/FormTree/index.tsx
index 0f9e2767..d2fe8a07 100644
--- a/src/components/Form/FormTree/index.tsx
+++ b/src/components/Form/FormTree/index.tsx
@@ -4,7 +4,7 @@ import { getFormFieldDataTag } from '../utils'
 import { Controller, useFormContext } from 'react-hook-form'
 import FieldContext, { FieldContextProps } from '../FieldContext'
 import React, { FC, useContext } from 'react'
-import { Tree, TreeId, TreeProps } from 'components/Tree'
+import { Tree, TreeProps } from 'components/Tree'
 
 export interface FormTreeProps
 	extends BaseFieldProps,
@@ -20,11 +20,7 @@ const FormTree: FC<FormTreeProps> = ({
 	...rest
 }: FormTreeProps) => {
 	const { control } = useFormContext()
-	const { initialValues, loading } = useContext<FieldContextProps>(
-		FieldContext
-	)
-	const defaultValue =
-		(initialValues[name] as TreeId[]) || defaultChecked || []
+	const { loading } = useContext<FieldContextProps>(FieldContext)
 
 	return (
 		<div>
@@ -38,12 +34,11 @@ const FormTree: FC<FormTreeProps> = ({
 			)}
 			<Controller
 				control={control}
-				defaultValue={defaultValue}
 				name={name}
-				render={({ onChange }) => (
+				render={({ onChange, value }) => (
 					<Tree
 						dataTag={getFormFieldDataTag(name)}
-						defaultChecked={defaultValue}
+						defaultChecked={value}
 						loading={loading}
 						onChange={onChange}
 						{...rest}
diff --git a/src/components/Form/index.tsx b/src/components/Form/index.tsx
index ef79d6df..cdb205af 100644
--- a/src/components/Form/index.tsx
+++ b/src/components/Form/index.tsx
@@ -8,12 +8,7 @@ import FormToggle from './FormToggle'
 import FormTree from './FormTree'
 import { FieldValues, UseFormMethods } from 'react-hook-form/dist/types/form'
 import { FormProvider, SubmitHandler, useForm } from 'react-hook-form'
-import React, {
-	ReactNode,
-	RefObject,
-	useEffect,
-	useImperativeHandle
-} from 'react'
+import React, { ReactNode, RefObject, useImperativeHandle } from 'react'
 
 const useStyles = createUseStyles({
 	container: {
@@ -39,22 +34,16 @@ export function Form<Model>({
 	onSubmit
 }: FormProps<Model>) {
 	const classes = useStyles()
-	const methods = useForm()
+	const methods = useForm({ defaultValues: initialValues, mode: 'onBlur' })
 
-	const { handleSubmit, reset } = methods
-
-	useEffect(() => {
-		reset(initialValues)
-	}, [initialValues, reset])
+	const { handleSubmit } = methods
 
 	useImperativeHandle(formRef, () => methods)
 
 	return (
 		<FormProvider {...methods}>
 			<form onSubmit={handleSubmit(onSubmit)}>
-				<FieldContext.Provider
-					value={{ initialValues, loading, onSubmit }}
-				>
+				<FieldContext.Provider value={{ loading, onSubmit }}>
 					<div className={classes.container}>{children}</div>
 				</FieldContext.Provider>
 			</form>
diff --git a/src/components/Input/index.tsx b/src/components/Input/index.tsx
index 0f074c95..4874bec6 100644
--- a/src/components/Input/index.tsx
+++ b/src/components/Input/index.tsx
@@ -12,7 +12,7 @@ import {
 	fieldErrorStyles
 } from '../assets/styles/styleguide'
 import { generateInputSkeletonStyles, generateInputStyles } from './utils'
-import React, { FC, RefObject } from 'react'
+import React, { FC, KeyboardEvent, RefObject } from 'react'
 
 const { dark, light } = ThemeType
 
@@ -48,6 +48,7 @@ const InputSkeleton: FC<InputProps> = (props: InputProps) => {
 export interface InputProps extends BaseFormElementProps {
 	inputRef?: RefObject<AntDInput>
 	onFocus?: () => void
+	onKeyDown?: (e: KeyboardEvent) => void
 	/**
 	 * Type of input (ex: text, password)
 	 * @default text
@@ -63,6 +64,7 @@ export const Input: FC<InputProps> = (props: InputProps) => {
 		inputRef,
 		onChange,
 		onFocus = noop,
+		onKeyDown = noop,
 		error = false,
 		loading = false,
 		placeholder = '',
@@ -99,6 +101,7 @@ export const Input: FC<InputProps> = (props: InputProps) => {
 			className={cn(componentClasses.container, inputClasses)}
 			disabled={disabled}
 			onFocus={onFocus}
+			onKeyDown={onKeyDown}
 			placeholder={placeholder}
 			ref={inputRef}
 			type={type}