Fixed #461 - Calendar misplaced layout if more than one month is shown
Cagatay Civici
parent
8f9782c79c
commit
d8488e9dee
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 1px #93cbf9;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 1px #a7d8a9;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 1px #ffe284;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 1px #cf95d9;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 1px #e3f3fe;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 1px #f0e6f5;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 0.1rem white;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 0.1rem white;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 0.1rem white;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 0.1rem white;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -201,7 +201,7 @@
|
|||
box-shadow: none;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
|
||||
|
|
|
|||
|
|
@ -201,7 +201,7 @@
|
|||
box-shadow: none;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
|
||||
|
|
|
|||
|
|
@ -201,7 +201,7 @@
|
|||
box-shadow: none;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
|
||||
|
|
|
|||
|
|
@ -201,7 +201,7 @@
|
|||
box-shadow: none;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
|
||||
|
|
|
|||
|
|
@ -201,7 +201,7 @@
|
|||
box-shadow: none;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
|
||||
|
|
|
|||
|
|
@ -201,7 +201,7 @@
|
|||
box-shadow: none;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
|
||||
|
|
|
|||
|
|
@ -201,7 +201,7 @@
|
|||
box-shadow: none;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
|
||||
|
|
|
|||
|
|
@ -201,7 +201,7 @@
|
|||
box-shadow: none;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 0.2rem #c2e9d8;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 0.2rem #e4e9ec;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 0.2rem #a6d5fa;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 0.2rem #b7e0b8;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 0.2rem #ffe69c;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 0.2rem #df9eea;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 1px #93cbf9;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 1px #a7d8a9;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 1px #ffe284;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -177,7 +177,7 @@
|
|||
box-shadow: 0 0 0 1px #cf95d9;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||
line-height: 1;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
|
|
|
|||
|
|
@ -5,56 +5,58 @@
|
|||
<transition name="p-connected-overlay" @enter="onOverlayEnter" @after-enter="onOverlayEnterComplete" @leave="onOverlayLeave">
|
||||
<div ref="overlay" :class="panelStyleClass" v-if="inline ? true : overlayVisible" :role="inline ? null : 'dialog'" :aria-labelledby="ariaLabelledBy">
|
||||
<template v-if="!timeOnly">
|
||||
<div class="p-datepicker-group" v-for="(month,groupIndex) of months" :key="month.month + month.year">
|
||||
<div class="p-datepicker-header">
|
||||
<slot name="header"></slot>
|
||||
<button class="p-datepicker-prev p-link" v-if="groupIndex === 0" @click="onPrevButtonClick" type="button" @keydown="onContainerButtonKeydown" v-ripple :disabled="$attrs.disabled">
|
||||
<span class="p-datepicker-prev-icon pi pi-chevron-left"></span>
|
||||
</button>
|
||||
<div class="p-datepicker-title">
|
||||
<span class="p-datepicker-month" v-if="!monthNavigator && (view !== 'month')">{{locale.monthNames[month.month]}}</span>
|
||||
<select class="p-datepicker-month" v-if="monthNavigator && (view !== 'month') && numberOfMonths === 1" @change="onMonthDropdownChange($event.target.value)">
|
||||
<option :value="index" v-for="(monthName, index) of locale.monthNames" :key="monthName" :selected="index === month.month">{{monthName}}</option>
|
||||
</select>
|
||||
<span class="p-datepicker-year" v-if="!yearNavigator">{{view === 'month' ? currentYear : month.year}}</span>
|
||||
<select class="p-datepicker-year" v-if="yearNavigator && numberOfMonths === 1" @change="onYearDropdownChange($event.target.value)">
|
||||
<option :value="year" v-for="year of yearOptions" :key="year" :selected="year === currentYear">{{year}}</option>
|
||||
</select>
|
||||
<div class="p-datepicker-group-container">
|
||||
<div class="p-datepicker-group" v-for="(month,groupIndex) of months" :key="month.month + month.year">
|
||||
<div class="p-datepicker-header">
|
||||
<slot name="header"></slot>
|
||||
<button class="p-datepicker-prev p-link" v-if="groupIndex === 0" @click="onPrevButtonClick" type="button" @keydown="onContainerButtonKeydown" v-ripple :disabled="$attrs.disabled">
|
||||
<span class="p-datepicker-prev-icon pi pi-chevron-left"></span>
|
||||
</button>
|
||||
<div class="p-datepicker-title">
|
||||
<span class="p-datepicker-month" v-if="!monthNavigator && (view !== 'month')">{{locale.monthNames[month.month]}}</span>
|
||||
<select class="p-datepicker-month" v-if="monthNavigator && (view !== 'month') && numberOfMonths === 1" @change="onMonthDropdownChange($event.target.value)">
|
||||
<option :value="index" v-for="(monthName, index) of locale.monthNames" :key="monthName" :selected="index === month.month">{{monthName}}</option>
|
||||
</select>
|
||||
<span class="p-datepicker-year" v-if="!yearNavigator">{{view === 'month' ? currentYear : month.year}}</span>
|
||||
<select class="p-datepicker-year" v-if="yearNavigator && numberOfMonths === 1" @change="onYearDropdownChange($event.target.value)">
|
||||
<option :value="year" v-for="year of yearOptions" :key="year" :selected="year === currentYear">{{year}}</option>
|
||||
</select>
|
||||
</div>
|
||||
<button class="p-datepicker-next p-link" v-if="numberOfMonths === 1 ? true : (groupIndex === numberOfMonths - 1)"
|
||||
@click="onNextButtonClick" type="button" @keydown="onContainerButtonKeydown" v-ripple :disabled="$attrs.disabled">
|
||||
<span class="p-datepicker-next-icon pi pi-chevron-right"></span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="p-datepicker-calendar-container" v-if="view ==='date'">
|
||||
<table class="p-datepicker-calendar">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col" v-if="showWeek" class="p-datepicker-weekheader p-disabled">
|
||||
<span>{{locale['weekHeader']}}</span>
|
||||
</th>
|
||||
<th scope="col" v-for="weekDay of weekDays" :key="weekDay">
|
||||
<span>{{weekDay}}</span>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(week,i) of month.dates" :key="week[0].day + '' + week[0].month">
|
||||
<td v-if="showWeek" class="p-datepicker-weeknumber">
|
||||
<span class="p-disabled">
|
||||
<span style="visibility:hidden" v-if="month.weekNumbers[i] < 10">0</span>
|
||||
{{month.weekNumbers[i]}}
|
||||
</span>
|
||||
</td>
|
||||
<td v-for="date of week" :key="date.day + '' + date.month" :class="{'p-datepicker-other-month': date.otherMonth, 'p-datepicker-today': date.today}">
|
||||
<span :class="{'p-highlight': isSelected(date), 'p-disabled': !date.selectable}" @click="onDateSelect($event, date)"
|
||||
draggable="false" @keydown="onDateCellKeydown($event,date,groupIndex)" v-ripple>
|
||||
<slot name="date" :date="date">{{date.day}}</slot>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<button class="p-datepicker-next p-link" v-if="numberOfMonths === 1 ? true : (groupIndex === numberOfMonths - 1)"
|
||||
@click="onNextButtonClick" type="button" @keydown="onContainerButtonKeydown" v-ripple :disabled="$attrs.disabled">
|
||||
<span class="p-datepicker-next-icon pi pi-chevron-right"></span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="p-datepicker-calendar-container" v-if="view ==='date'">
|
||||
<table class="p-datepicker-calendar">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col" v-if="showWeek" class="p-datepicker-weekheader p-disabled">
|
||||
<span>{{locale['weekHeader']}}</span>
|
||||
</th>
|
||||
<th scope="col" v-for="weekDay of weekDays" :key="weekDay">
|
||||
<span>{{weekDay}}</span>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(week,i) of month.dates" :key="week[0].day + '' + week[0].month">
|
||||
<td v-if="showWeek" class="p-datepicker-weeknumber">
|
||||
<span class="p-disabled">
|
||||
<span style="visibility:hidden" v-if="month.weekNumbers[i] < 10">0</span>
|
||||
{{month.weekNumbers[i]}}
|
||||
</span>
|
||||
</td>
|
||||
<td v-for="date of week" :key="date.day + '' + date.month" :class="{'p-datepicker-other-month': date.otherMonth, 'p-datepicker-today': date.today}">
|
||||
<span :class="{'p-highlight': isSelected(date), 'p-disabled': !date.selectable}" @click="onDateSelect($event, date)"
|
||||
draggable="false" @keydown="onDateCellKeydown($event,date,groupIndex)" v-ripple>
|
||||
<slot name="date" :date="date">{{date.day}}</slot>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-monthpicker" v-if="view === 'month'">
|
||||
|
|
@ -2229,7 +2231,7 @@ export default {
|
|||
}
|
||||
|
||||
/* Multiple Month DatePicker */
|
||||
.p-datepicker-multiple-month {
|
||||
.p-datepicker-multiple-month .p-datepicker-group-container {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue