diff --git a/src/components/pages/inventory/movement/form/MovementForm.tsx b/src/components/pages/inventory/movement/form/MovementForm.tsx
index 1d4e791b..431d3c22 100644
--- a/src/components/pages/inventory/movement/form/MovementForm.tsx
+++ b/src/components/pages/inventory/movement/form/MovementForm.tsx
@@ -8,6 +8,7 @@ import { Icon } from '@iconify/react';
 import Button from '@/components/Button';
 import TextInput from '@/components/input/TextInput';
 import NumberInput from '@/components/input/NumberInput';
+import DateInput from '@/components/input/DateInput';
 import SelectInput, {
   OptionType,
   useSelect,
@@ -309,6 +310,10 @@ const MovementForm = ({ type = 'add', initialValues }: MovementFormProps) => {
     };
   };
 
+  const handleTransferDateChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    formik.setFieldValue('transfer_date', e.target.value);
+  };
+
   // ===== EVENT HANDLERS =====
   // Product Handlers
   const addProduct = () => {
@@ -821,13 +826,12 @@ const MovementForm = ({ type = 'add', initialValues }: MovementFormProps) => {
                 errorMessage={formik.errors.transfer_reason}
                 readOnly={type === 'detail'}
               />
-              <TextInput
+              <DateInput
                 required
                 label='Tanggal Transfer'
-                type='date'
                 name='transfer_date'
                 value={formik.values.transfer_date}
-                onChange={formik.handleChange}
+                onChange={handleTransferDateChange}
                 onBlur={formik.handleBlur}
                 isError={
                   formik.touched.transfer_date &&