From 5d3cd0a5e8e30cf3a9847e2914a1cfeacc73975e Mon Sep 17 00:00:00 2001
From: mauriziovitale84 <maurizio.vitale@alfresco.com>
Date: Mon, 7 Nov 2016 16:56:37 +0000
Subject: [PATCH 1/2] Fix date picker accessibility #946

---
 .../widgets/date-range/date-range.widget.ts   | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.ts b/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.ts
index 39caaf50cc..a1cef56732 100644
--- a/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.ts
+++ b/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.ts
@@ -71,6 +71,7 @@ export class DateRangeWidget extends WidgetComponent {
 
     ngOnInit() {
         this.initForm();
+        this.fixDatePickerAccessibility();
         this.initSartDateDialog();
         this.initEndDateDialog();
     }
@@ -99,6 +100,36 @@ export class DateRangeWidget extends WidgetComponent {
         });
     }
 
+    private fixDatePickerAccessibility() {
+        let left: any = document.querySelector('#mddtp-date__left');
+        if (left) {
+            left.appendChild(this.createCustomElement('date left'));
+        }
+
+        let right: any = document.querySelector('#mddtp-date__right');
+        if (right) {
+            right.appendChild(this.createCustomElement('date right'));
+        }
+
+        let cancel: any = document.querySelector('#mddtp-date__cancel');
+        if (cancel) {
+            cancel.appendChild(this.createCustomElement('date cancel'));
+        }
+
+        let ok: any = document.querySelector('#mddtp-date__ok');
+        if (ok) {
+            ok.appendChild(this.createCustomElement('date ok'));
+        }
+    }
+
+    private createCustomElement(text: string): HTMLElement {
+        let span = document.createElement('span');
+        span.style.visibility = 'hidden';
+        let rightSpanText = document.createTextNode(text);
+        span.appendChild(rightSpanText);
+        return span;
+    }
+
     initEndDateDialog() {
         this.dialogEnd.trigger = this.endElement.nativeElement;
 

From 4f4facc66da664427dc068e0b180f4a1471863b3 Mon Sep 17 00:00:00 2001
From: mauriziovitale84 <maurizio.vitale@alfresco.com>
Date: Tue, 8 Nov 2016 09:38:45 +0000
Subject: [PATCH 2/2] rename method

---
 .../src/components/widgets/date-range/date-range.widget.ts    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.ts b/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.ts
index a1cef56732..6b781fd1f8 100644
--- a/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.ts
+++ b/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.ts
@@ -71,7 +71,7 @@ export class DateRangeWidget extends WidgetComponent {
 
     ngOnInit() {
         this.initForm();
-        this.fixDatePickerAccessibility();
+        this.addAccessibilityLabelToDatePicker();
         this.initSartDateDialog();
         this.initEndDateDialog();
     }
@@ -100,7 +100,7 @@ export class DateRangeWidget extends WidgetComponent {
         });
     }
 
-    private fixDatePickerAccessibility() {
+    private addAccessibilityLabelToDatePicker() {
         let left: any = document.querySelector('#mddtp-date__left');
         if (left) {
             left.appendChild(this.createCustomElement('date left'));