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..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,6 +71,7 @@ export class DateRangeWidget extends WidgetComponent {
 
     ngOnInit() {
         this.initForm();
+        this.addAccessibilityLabelToDatePicker();
         this.initSartDateDialog();
         this.initEndDateDialog();
     }
@@ -99,6 +100,36 @@ export class DateRangeWidget extends WidgetComponent {
         });
     }
 
+    private addAccessibilityLabelToDatePicker() {
+        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;