@wavemaker/app-ng-runtime 11.4.0-next.26251 → 11.4.0-next.27501

app-ng-runtime/components/input/epoch/base-date-time.component.d.ts

@@ -40,6 +40,9 @@ export declare abstract class BaseDateTimeComponent extends BaseFormCustomCompon
     removeKeyupListener: any;
     loadNativeDateInput: any;
     showcustompicker: any;
+    next: any;
+    prev: any;
+    clicked: boolean;
     protected dateNotInRange: boolean;
     protected timeNotInRange: boolean;
     protected invalidDateTimeFormat: boolean;
@@ -133,6 +136,7 @@ export declare abstract class BaseDateTimeComponent extends BaseFormCustomCompon
      * @param timePeriod - String value decides to load other month days or other month or other year
      */
     private goToOtherMonthOryear;
+    private getMonth;
     /**
     * This method sets the mouse events to Datepicker popup. These events are required when we navigate date picker through mouse.
      */

app-ng-runtime/components/input/epoch/bundles/index.umd.js

@@ -638,6 +638,7 @@
         function BaseDateTimeComponent(inj, WIDGET_CONFIG) {
             var _this = _super.call(this, inj, WIDGET_CONFIG) || this;
             _this.isReadOnly = false;
+            _this.clicked = false;
             _this.formatsByLocale = { 'timezone': '' };
             /**
              * This is an internal property used to map the containerClass, showWeekNumbers etc., to the bsDatepicker
@@ -882,6 +883,18 @@
                 this.loadYears();
             }
         };
+        BaseDateTimeComponent.prototype.getMonth = function (date, inc) {
+            var currentMonth = new Date(date);
+            var month = currentMonth.getMonth();
+            var year = currentMonth.getFullYear();
+            month += inc;
+            var newDate = new Date(year, month);
+            var fullMonth = newDate.toLocaleString('en-US', { month: 'long' });
+            return {
+                date: newDate,
+                fullMonth: fullMonth
+            };
+        };
         /**
         * This method sets the mouse events to Datepicker popup. These events are required when we navigate date picker through mouse.
          */
@@ -889,12 +902,18 @@
             var _this = this;
             var datePickerHead = $(".bs-datepicker-head");
             datePickerHead.find(".previous").click(function (event) {
+                _this.next = _this.getMonth(_this.activeDate, 0);
+                _this.prev = _this.getMonth(_this.activeDate, -2);
+                _this.clicked = true;
                 // check for original mouse click
                 if (event.originalEvent) {
                     _this.setFocusForDate(-1);
                 }
             });
             datePickerHead.find(".next").click(function (event) {
+                _this.next = _this.getMonth(_this.activeDate, 2);
+                _this.prev = _this.getMonth(_this.activeDate, 0);
+                _this.clicked = true;
                 // check for original mouse click
                 if (event.originalEvent) {
                     _this.setFocusForDate(1);
@@ -913,8 +932,8 @@
                     _this.setFocusForMonthOrDay();
                 }
             });
-            datePickerHead.find('.next').attr('aria-label', 'Next');
-            datePickerHead.find('.previous').attr('aria-label', 'Previous');
+            datePickerHead.find('.next').attr('aria-label', "Next Month " + this.next.fullMonth + " " + this.next.date.getFullYear());
+            datePickerHead.find('.previous').attr('aria-label', "Previous Month " + this.prev.fullMonth + " " + this.prev.date.getFullYear());
         };
         /**
          * This method sets focus for months/days depending on the loaded datepicker table
@@ -1004,6 +1023,10 @@
             var _this = this;
             setTimeout(function () {
                 $('[bsdatepickerdaydecorator]').not('.is-other-month').attr('tabindex', '0');
+                if (_this.clicked === false) {
+                    _this.next = _this.getMonth(_this.activeDate, 1);
+                    _this.prev = _this.getMonth(_this.activeDate, -1);
+                }
                 _this.addKeyBoardEventsForDays();
                 _this.addDatepickerMouseEvents();
             });
@@ -1758,7 +1781,6 @@
                 if (!skipFocus) {
                     this.onDateTimeInputFocus();
                 }
-                return;
             }
             if ($event.type === 'click') {
                 this.invokeEventCallback('click', { $event: $event });