MOBILE-3947 datetime: Display placeholder if datetime value is undefined

main
Dani Palou 2024-03-11 12:56:58 +01:00
parent 864087c52a
commit 7287a9b298
2 changed files with 11 additions and 1 deletions

View File

@ -19,7 +19,12 @@
</label>
</ion-label>
<ion-datetime-button datetime="profile-field-datetime-{{field.shortname}}" id="profile-field-datetime-{{field.shortname}}-button" />
<ion-datetime-button datetime="profile-field-datetime-{{field.shortname}}" id="profile-field-datetime-{{field.shortname}}-button">
<ng-container *ngIf="control?.value === undefined">
<span slot="date-target">{{ 'core.choosedots' | translate }}</span>
<span slot="time-target">{{ 'core.choosedots' | translate }}</span>
</ng-container>
</ion-datetime-button>
<ion-modal [keepContentsMounted]="true">
<ng-template>
<ion-datetime id="profile-field-datetime-{{field.shortname}}" [formControlName]="modelName"

View File

@ -2022,6 +2022,11 @@ ion-item.item-label-stacked ion-datetime-button {
align-self: self-end;
}
ion-datetime-button p {
margin-top: 4px;
margin-bottom: 4px;
}
// Table App styles
table.core-table {
border-collapse: collapse;