improvement: rtl direction, solar calendar and persian formatting added for persian users.

frontend/src/components/ui/treatment/LabCasesDispatchPanel.tsx

@@ -5,6 +5,7 @@ import { useTranslations } from 'next-intl';
 import { Button } from '@/components/ui/shared/Button';
 import { Checkbox } from '@/components/ui/shared/Checkbox';
 import { isDetailReadyForLabDispatch, isLabCaseCompleted } from '@/components/treatment/treatmentDetailRules';
+import { AppDateInput } from '@/components/ui/shared/AppDateInput';
 import { toDateInputValue } from '@/components/lab/labCaseDueDateDisplay';
 import { FORM_SELECT_CLASS } from '@/components/shared/formSelectStyles';
 import { LinkedOrganizationSearchCombobox } from '@/components/ui/treatment/LinkedOrganizationSearchCombobox';
@@ -283,20 +284,17 @@ export function LabCasesDispatchPanel({
             {t('dueDateLabel')}{' '}
             <span className="font-normal text-text-muted">({t('dueDateOptional')})</span>
           </label>
-          <input
+          <AppDateInput
             id={dueDateInputId}
-            type="date"
             value={inputValue}
             disabled={!canEditDueDate}
-            onChange={(e) => {
-              if (!sent) {
-                updateActiveLabCase({ dueDate: e.target.value || null });
-              }
+            onChange={(next) => {
+              updateActiveLabCase({ dueDate: next || null });
             }}
-            onBlur={(e) => {
-              if (sent) void handleSentDueDateBlur(e.target.value);
+            onBlur={(committed) => {
+              if (sent) void handleSentDueDateBlur(committed);
             }}
-            className={`${FORM_SELECT_CLASS} w-full max-w-[11rem] rounded-md px-2 py-1.5 text-sm`}
+            className={`${FORM_SELECT_CLASS} w-full max-w-[11rem] rounded-md py-1.5 text-sm`}
           />
         </div>
         {sent && caseFullyComplete && activeLabCase.dueDate ? (