chore: add required mark

src/components/pages/production/transfer-to-laying/TransferToLayingFormModal.tsx

@@ -424,7 +424,7 @@ const TransferToLayingFormModal = () => {
   useEffect(() => {
     formik.setFieldValue('totalQuantity', totalTransferedChicken);
     formik.setFieldValue('maxTotalQuantity', totalTransferedChicken);
-  }, [totalTransferedChicken]);
+  }, [totalTransferedChicken, formik.values.flockDestinationKandangs]);
 
   return (
     <>
@@ -465,6 +465,7 @@ const TransferToLayingFormModal = () => {
               </h4>
 
               <DateInput
+                required
                 name='transfer_date'
                 label='Tanggal'
                 placeholder='Tanggal'
@@ -480,6 +481,7 @@ const TransferToLayingFormModal = () => {
               />
 
               <SelectInputRadio
+                required
                 label='Flock Asal'
                 placeholder='Pilih Flock Asal'
                 value={formik.values.flockSource}
@@ -492,6 +494,7 @@ const TransferToLayingFormModal = () => {
               />
 
               <SelectInputRadio
+                required
                 label='Flock Tujuan'
                 placeholder='Pilih Flock Tujuan'
                 value={formik.values.flockDestination}
@@ -776,7 +779,10 @@ const TransferToLayingFormModal = () => {
                 {/* Source Kandang */}
                 <div className='flex flex-col'>
                   <span className='w-full py-2 text-xs font-semibold'>
-                    Kandang Asal
+                    Kandang Asal{' '}
+                    <span className='tooltip tooltip-error' data-tip='required'>
+                      <span className='text-error'> *</span>
+                    </span>
                   </span>
 
                   {formik.values.flockSourceKandangs.length === 0 && (
@@ -845,7 +851,15 @@ const TransferToLayingFormModal = () => {
                 {/* Destination Kandang */}
                 <div className='mt-3 flex flex-col'>
                   <span className='w-fit py-2 text-xs font-semibold flex flex-row items-center gap-3'>
-                    <span className='text-nowrap'>Kandang Tujuan</span>
+                    <span className='text-nowrap'>
+                      Kandang Tujuan{' '}
+                      <span
+                        className='tooltip tooltip-error'
+                        data-tip='required'
+                      >
+                        <span className='text-error'> *</span>
+                      </span>
+                    </span>
 
                     <div className='w-px h-5 bg-base-content/10' />
 
@@ -946,13 +960,14 @@ const TransferToLayingFormModal = () => {
                   isError={totalAvailableChickenForTransfer < 0}
                   errorMessage={
                     totalAvailableChickenForTransfer < 0
-                      ? 'Jumlah transfer melebihi ketersediaan'
+                      ? `Jumlah transfer melebihi ketersediaan (${formatNumber(totalEnteredChickenForTransfer, 'en-US')} ayam)`
                       : ''
                   }
                   disabled
                 />
 
                 <TextArea
+                  required
                   name='reason'
                   label='Catatan'
                   placeholder='Alasan Transfer'