ACA 2618 - 2619 - Share Dialog - Physical Labels (#5439)

* chore: addition of physical labels to share dialog

* chore: addition of translated text

* chore: addition of expiration label

* Update content-node-share.dialog.scss

Co-authored-by: Eugenio Romano <eromano@users.noreply.github.com>

lib/content-services/src/lib/content-node-share/content-node-share.dialog.html

@@ -15,7 +15,7 @@
         </div>
 
         <form [formGroup]="form">
-            <mat-form-field class="adf-full-width">
+            <mat-form-field class="adf-full-width adf-float-label" floatLabel='always'>
                 <input #sharedLinkInput data-automation-id="adf-share-link" class="adf-share-link__input" matInput
                     cdkFocusInitial placeholder="{{ 'SHARE.PUBLIC-LINK' | translate }}" formControlName="sharedUrl"
                     readonly="readonly">
@@ -34,12 +34,13 @@
             </mat-slide-toggle>
             </div>
 
-            <mat-form-field class="adf-full-width">
+            <mat-form-field class="adf-full-width adf-float-label" floatLabel='always'>
                 <mat-datetimepicker-toggle #matDatetimepickerToggle="matDatetimepickerToggle" [for]="datetimePicker" matSuffix></mat-datetimepicker-toggle>
                 <mat-datetimepicker #datetimePicker (closed)="onDatetimepickerClosed()" [type]="type" timeInterval="1"></mat-datetimepicker>
                 <input class="adf-share-link__input"
                     #dateTimePickerInput
                     matInput
+                    placeholder="{{ 'SHARE.EXPIRATION-LABEL' | translate }}"
                     [min]="minDate"
                     formControlName="time"
                     [matDatetimepicker]="datetimePicker" />

lib/content-services/src/lib/content-node-share/content-node-share.dialog.scss

@@ -7,7 +7,9 @@
     font-size: 16px;
     opacity: 0.87;
 }
-
+.adf-float-label {
+   padding-top: 20px;
+}
 .adf-share-link-dialog {
 
     .adf-share-link {

lib/content-services/src/lib/i18n/en.json

@@ -306,6 +306,7 @@
     "DESCRIPTION": "Click the link below to copy it to the clipboard.",
     "TITLE": "Link to share",
     "EXPIRES": "Expires on",
+    "EXPIRATION-LABEL" : "Expiration Date",
     "CLIPBOARD-MESSAGE": "Link copied to the clipboard",
     "CLOSE": "Close",
     "CONFIRMATION": {