From a781ad1a114db7b7c7bdb18f9c316d535839ba04 Mon Sep 17 00:00:00 2001 From: Sergio Crisostomo Date: Thu, 8 Feb 2018 11:45:51 +0100 Subject: [PATCH] hide range and selections outside currentMonth --- src/components/date-picker/base/date-table.vue | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/components/date-picker/base/date-table.vue b/src/components/date-picker/base/date-table.vue index db498250..b1dcd3b5 100644 --- a/src/components/date-picker/base/date-table.vue +++ b/src/components/date-picker/base/date-table.vue @@ -73,14 +73,15 @@ return this.calendar(tableYear, tableMonth, (cell) => { const time = cell.date && clearHours(cell.date); + const dateIsInCurrentMonth = cell.date && tableMonth === cell.date.getMonth(); return { ...cell, type: time === today ? 'today' : cell.type, - selected: selectedDays.includes(time), + selected: dateIsInCurrentMonth && selectedDays.includes(time), disabled: (cell.date && disabledTestFn) && disabledTestFn(new Date(time)), - range: isRange && isInRange(time, rangeStart, rangeEnd), - start: isRange && time === minDay, - end: isRange && time === maxDay + range: dateIsInCurrentMonth && isRange && isInRange(time, rangeStart, rangeEnd), + start: dateIsInCurrentMonth && isRange && time === minDay, + end: dateIsInCurrentMonth && isRange && time === maxDay }; }).cells.slice(this.showWeekNumbers ? 8 : 0); }