mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-31 17:38:48 +00:00
3c1729b960
* ignore pkg lock * update pkg json * date picker update material beta.10 * isDateInstance moment adapter * style and datepicker update material2 beta 10 * update test dateitem to beta10 * regenerate style files * use material icons web font * fix data range material 2 beta 10 * minors cleaning * recreate styles * remove unused componentHandler var * fix failing test checkbox
55 lines
2.4 KiB
HTML
55 lines
2.4 KiB
HTML
<label>{{field.nameKey | translate}}</label><br>
|
|
<div [formGroup]="dateRange">
|
|
<small *ngIf="isStartDateGreaterThanEndDate()" class="adf-date-range-analytics-text-danger">
|
|
{{'DATE-WIDGET.MESSAGES.START-LESS-THAN-END-DATE' | translate}}
|
|
</small>
|
|
<small *ngIf="isStartDateEmpty()" class="adf-date-range-analytics-text-danger">
|
|
{{'DATE-WIDGET.MESSAGES.START-DATE-REQUIRED' | translate}}
|
|
</small>
|
|
|
|
<md-grid-list cols="2" rowHeight="80px">
|
|
<md-grid-tile>
|
|
<md-input-container>
|
|
<input
|
|
mdInput
|
|
[min]="minDate"
|
|
[max]="maxDate"
|
|
formControlName="startDate"
|
|
[mdDatepicker]="startDate"
|
|
[value]="startDatePicker"
|
|
(keydown)="true"
|
|
(dateChange)="onGroupValueChanged()"
|
|
placeholder="{{'DATE-WIDGET.START-DATE' | translate}}"
|
|
id="startDate_id"
|
|
required>
|
|
<md-datepicker-toggle mdSuffix [for]="startDate" ></md-datepicker-toggle>
|
|
</md-input-container>
|
|
<md-datepicker
|
|
#startDate
|
|
[touchUi]="true">
|
|
</md-datepicker>
|
|
</md-grid-tile>
|
|
<md-grid-tile>
|
|
<md-input-container>
|
|
<input
|
|
mdInput
|
|
[min]="minDate"
|
|
[max]="maxDate"
|
|
formControlName="endDate"
|
|
[mdDatepicker]="endDate"
|
|
[value]="endDatePicker"
|
|
(keydown)="true"
|
|
(dateChange)="onGroupValueChanged()"
|
|
placeholder="{{'DATE-WIDGET.END-DATE' | translate}}"
|
|
id="endDate_id"
|
|
required>
|
|
<md-datepicker-toggle mdSuffix [for]="endDate" ></md-datepicker-toggle>
|
|
</md-input-container>
|
|
<md-datepicker
|
|
#endDate
|
|
[touchUi]="true">
|
|
</md-datepicker>
|
|
</md-grid-tile>
|
|
</md-grid-list>
|
|
</div>
|