Set appointment date

src/app/profile/dashboard/orientation-details/orientation-details.component.html

@@ -98,7 +98,14 @@
             <div class="datePickerContainer">
               <span class="category-name" id="dateLabel">Date de RDV :</span>
               <span class="datePicker">
-                <input type="date" id="date" name="date" aria-labelledby="dateLabel" />
+                <input
+                  type="date"
+                  id="date"
+                  name="date"
+                  aria-labelledby="dateLabel"
+                  [value]="orientation.appointmentDate | date: 'yyyy-MM-dd'"
+                  (change)="setAppointmentDate($event)"
+                />
               </span>
             </div>
           </div>

src/app/profile/dashboard/orientation-details/orientation-details.component.scss

@@ -115,9 +115,11 @@
             display: inline-grid;
             input {
               margin-top: 8px;
-              width: 250px;
-              height: 32px;
+              width: 200px;
+              height: 16px;
               padding: 8px;
+              border-radius: 4px;
+              border: 1px solid $grey-1;
             }
           }
           @media #{$phone} {

src/app/profile/dashboard/orientation-details/orientation-details.component.ts

@@ -66,19 +66,16 @@ export class OrientationDetailsComponent implements OnInit {
       const comment = this.commentTextarea?.value || '';
       const sanitizedHtml = this.sanitizer.sanitize(SecurityContext.HTML, comment);
       const sanitizedComment = this.extractPlainText(sanitizedHtml || '');
-
       const patchData: any = {
         status: this.selectedStatus,
         action: null,
         processingComment: sanitizedComment,
         modifiedBy: this.userProfile._id,
       };
-
       // Only add closingDate if orientation is not already closed
       if (!isClosed) {
         patchData.closingDate = new Date();
       }
-
       this.patchOrientation(patchData);
     }
     this.isModalOpenned = false;
@@ -96,6 +93,14 @@ export class OrientationDetailsComponent implements OnInit {
     }
   }
 
+  public setAppointmentDate(event: Event): void {
+    const target = event.target as HTMLInputElement;
+    const date = new Date(target.value);
+    if (!isNaN(date.getTime())) {
+      this.patchOrientation({ appointmentDate: date, modifiedBy: this.userProfile._id });
+    }
+  }
+
   get isValidateDisabled(): boolean {
     return !this.selectedStatus || !this.commentTextarea?.value?.trim();
   }