feat(FE-208): enhance DateInput component with range selection and modal support

src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx

@@ -21,6 +21,7 @@ import {
   CreateAcceptApprovalRequisitionsPayload,
   Purchase,
 } from '@/types/api/purchase/purchase';
+import DateInput from '@/components/input/DateInput';
 
 interface PurchaseOrderAcceptApprovalFormProps {
   type?: 'add' | 'edit';
@@ -472,10 +473,10 @@ const PurchaseOrderAcceptApprovalForm = ({
                       />
                     </td>
                     <td>
-                      <TextInput
+                      <DateInput
                         required
+                        isNestedModal={true}
                         name={`items.${idx}.received_date`}
-                        type='date'
                         value={item.received_date || ''}
                         onChange={(e) =>
                           formik.setFieldValue(