Build query data using what is "visually" selected

resources/views/app/dashboard.blade.php

@@ -314,15 +314,19 @@
                     },
                     onDateChange: function (_newDate) {
                         let self = this;
-                        self.selectedDate = _newDate;
-                        showMask();
-                        this.loadEvents(self.selectedDate, function() {
-                            hideMask();
-                            Vue.nextTick(() => {
-                                this.highlightDatesWithEvents(this.datesWithEvents);
-                                initFastLoad($('.appointments-tab'));
+                        window.setTimeout(() => {
+                            let dayValue = $('.pro-dashboard-inline-calendar td.day.active').first().text();
+                            if(dayValue.length === 1) dayValue = '0' + dayValue;
+                            self.selectedDate = _newDate.substr(0, 8) + dayValue;
+                            showMask();
+                            self.loadEvents(self.selectedDate, function() {
+                                hideMask();
+                                Vue.nextTick(() => {
+                                    self.highlightDatesWithEvents(self.datesWithEvents);
+                                    initFastLoad($('.appointments-tab'));
+                                });
                             });
-                        });
+                        }, 25);
                     },
                     selectToday: function () {
                         $('.pro-dashboard-inline-calendar table td[data-date]').removeClass('active');