From 1d9564a58c4ac731a3a7cf66ef61dcdc8ad34a31 Mon Sep 17 00:00:00 2001
From: siva kumar <siva.kumar@muraai.com>
Date: Thu, 3 Aug 2017 14:48:08 +0530
Subject: [PATCH] [ADF-1265] Task Header - Datapicker is not showed in the
 middle. (#2155)

* Added touchUi property to md-datePicker.
---
 .../src/components/view/card-view-dateitem.component.html  | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.html b/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.html
index 896ff9a5aa..8acab8ce72 100644
--- a/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.html
+++ b/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.html
@@ -4,8 +4,8 @@
         <span [attr.data-automation-id]="'card-dateitem-' + property.key">{{ property.displayValue }}</span>
     </span>
     <span *ngIf="isEditble()" class="adf-dateitem-editable">
-        <input class="adf-invisible-date-input" [mdDatepicker]="picker" value="{{property.value}}"><!--
-     --><span
+        <input class="adf-invisible-date-input" [mdDatepicker]="picker" value="{{property.value}}">
+        <span
             class="adf-datepicker-toggle"
             [attr.data-automation-id]="'datepicker-label-toggle-' + property.key"
             (click)="showDatePicker($event)">{{ property.displayValue }}
@@ -17,7 +17,8 @@
         <md-datepicker #picker
             [attr.data-automation-id]="'datepicker-' + property.key"
             (selectedChanged)="dateChanged($event)"
-            [startAt]="property.value">
+            [startAt]="property.value"
+            [touchUi]="true">
         </md-datepicker>
     </span>
 </div>