Finalized all of the passport application flow feature and and adding a feature to add data

src/data/DropdownData/PassportTypeData.tsx

@@ -0,0 +1,7 @@
+const passportTypeData = [
+  {label: 'Paspor Biasa', value: '1'},
+  {label: 'Paspor Elektronik', value: '2'},
+  {label: 'Paspor Elektronik Polikarbonat', value: '3'},
+];
+
+export default passportTypeData;

src/data/History/PassportAppointmentData.tsx

@@ -41,17 +41,17 @@ const passportAppointmentData = [
   },
   {
     id: '3',
-    applicantName: 'Salwa Aisyah Adhani',
+    applicantName: 'Mochammad Adhi Buchori',
     applicantCode: '1038000002223344',
     appointmentDate: 'Senin, 14 April 2025',
     appointmentTime: '08:00 - 09:00 WIB',
-    serviceUnit: 'Kantor Imigrasi Depok',
+    serviceUnit: 'Kantor Imigrasi Jakarta',
     status: 'Menunggu Pembayaran',
     submissionDate: 'Sabtu, 12 April 2025 18:30',
     serviceCode: 'EH-GT4JWR',
     applicationDetails: {
       nationalIdNumber: '3271234560009120003',
-      gender: 'Wanita',
+      gender: 'Pria',
       applicationType: 'Baru',
       replacementReason: 'Sekolah di Luar Negeri',
       applicationPurpose: 'Wisata/Liburan',
@@ -101,26 +101,6 @@ const passportAppointmentData = [
   },
   {
     id: '6',
-    applicantName: 'Fadlan Ramadhan',
-    applicantCode: '1038000008885566',
-    appointmentDate: 'Selasa, 18 April 2025',
-    appointmentTime: '09:00 - 10:00 WIB',
-    serviceUnit: 'Kantor Imigrasi Jakarta Barat',
-    status: 'Sudah Terbayar',
-    submissionDate: 'Senin, 14 April 2025 20:00',
-    serviceCode: 'EH-QZ5TVN',
-    applicationDetails: {
-      nationalIdNumber: '3271234560009120006',
-      gender: 'Pria',
-      applicationType: 'Baru',
-      replacementReason: 'Hilang',
-      applicationPurpose: 'Tugas Kantor',
-      passportType: 'PASPOR BIASA NON ELEKTRONIK',
-      fee: '350.000',
-    },
-  },
-  {
-    id: '7',
     applicantName: 'Nabila Khairunisa',
     applicantCode: '1038000007773344',
     appointmentDate: 'Rabu, 19 April 2025',
@@ -139,6 +119,26 @@ const passportAppointmentData = [
       fee: '650.000',
     },
   },
+  {
+    id: '7',
+    applicantName: 'Ayaka Haishima',
+    applicantCode: '1038000008885566',
+    appointmentDate: 'Selasa, 18 April 2025',
+    appointmentTime: '09:00 - 10:00 WIB',
+    serviceUnit: 'Kantor Imigrasi Jakarta Barat',
+    status: 'Sudah Terbayar',
+    submissionDate: 'Senin, 14 April 2025 20:00',
+    serviceCode: 'EH-QZ5TVN',
+    applicationDetails: {
+      nationalIdNumber: '3271234560009120006',
+      gender: 'Wanita',
+      applicationType: 'Baru',
+      replacementReason: 'Hilang',
+      applicationPurpose: 'Kuliah di Luar Negeri',
+      passportType: 'PASPOR BIASA NON ELEKTRONIK',
+      fee: '350.000',
+    },
+  },
 ];
 
 export default passportAppointmentData;

src/data/Steps/ArrivalTimesData.tsx

@@ -0,0 +1,64 @@
+const arrivalTimesData = [
+  {
+    id: '1',
+    arrivalTime: '09:01-10:00',
+    queueCount: '4 people',
+    remainingQuota: '1',
+  },
+  {
+    id: '2',
+    arrivalTime: '10:01-11:00',
+    queueCount: '4 people',
+    remainingQuota: '1',
+  },
+  {
+    id: '3',
+    arrivalTime: '11:01-12:00',
+    queueCount: '3 people',
+    remainingQuota: '2',
+  },
+  {
+    id: '4',
+    arrivalTime: '13:01-14:00',
+    queueCount: '1 person',
+    remainingQuota: '4',
+  },
+  {
+    id: '5',
+    arrivalTime: '14:01-15:00',
+    queueCount: '2 people',
+    remainingQuota: '3',
+  },
+  {
+    id: '6',
+    arrivalTime: '15:01-16:00',
+    queueCount: '5 people',
+    remainingQuota: '0',
+  },
+  {
+    id: '7',
+    arrivalTime: '16:01-17:00',
+    queueCount: '3 people',
+    remainingQuota: '2',
+  },
+  {
+    id: '8',
+    arrivalTime: '17:01-18:00',
+    queueCount: '2 people',
+    remainingQuota: '3',
+  },
+  {
+    id: '9',
+    arrivalTime: '18:01-19:00',
+    queueCount: '1 person',
+    remainingQuota: '4',
+  },
+  {
+    id: '10',
+    arrivalTime: '19:01-20:00',
+    queueCount: '0 people',
+    remainingQuota: '5',
+  },
+];
+
+export default arrivalTimesData;

src/data/Steps/MarkedDatesData.tsx

@@ -0,0 +1,129 @@
+import Colors from '../../../assets/styles/Colors';
+
+const markedDatesData = {
+  // Kuota penuh (merah)
+  '2025-05-02': {
+    selectedColor: Colors.indicatorRed.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+  '2025-05-03': {
+    selectedColor: Colors.indicatorRed.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+  '2025-05-04': {
+    selectedColor: Colors.indicatorRed.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+  '2025-05-08': {
+    selectedColor: Colors.indicatorRed.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+  '2025-05-09': {
+    selectedColor: Colors.indicatorRed.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+  '2025-05-10': {
+    selectedColor: Colors.indicatorRed.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+  '2025-05-11': {
+    selectedColor: Colors.indicatorRed.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+  '2025-05-17': {
+    selectedColor: Colors.indicatorRed.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+  '2025-05-18': {
+    selectedColor: Colors.indicatorRed.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+  '2025-05-24': {
+    selectedColor: Colors.indicatorRed.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+  '2025-05-25': {
+    selectedColor: Colors.indicatorRed.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+  '2025-05-30': {
+    selectedColor: Colors.indicatorRed.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+  '2025-05-31': {
+    selectedColor: Colors.indicatorRed.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+
+  // Kuota tersedia (hijau)
+  '2025-05-05': {
+    selectedColor: Colors.indicatorGreen.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+  '2025-05-14': {
+    selectedColor: Colors.indicatorGreen.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+  '2025-05-15': {
+    selectedColor: Colors.indicatorGreen.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+  '2025-05-16': {
+    selectedColor: Colors.indicatorGreen.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+  '2025-05-20': {
+    selectedColor: Colors.indicatorGreen.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+  '2025-05-28': {
+    selectedColor: Colors.indicatorGreen.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+  '2025-05-29': {
+    selectedColor: Colors.indicatorGreen.color,
+    disableTouchEvent: true,
+    selected: true,
+    textColor: Colors.neutral100.color,
+  },
+};
+
+export default markedDatesData;