vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #461 - Calendar misplaced layout if more than one month is shown

pull/642/head
Cagatay Civici 2020-09-08 14:26:26 +03:00
parent 8f9782c79c
commit d8488e9dee
34 changed files with 85 additions and 83 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/themes/arya-blue/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 1px #93cbf9; box-shadow: 0 0 0 1px #93cbf9;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/arya-green/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 1px #a7d8a9; box-shadow: 0 0 0 1px #a7d8a9;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/arya-orange/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 1px #ffe284; box-shadow: 0 0 0 1px #ffe284;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/arya-purple/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 1px #cf95d9; box-shadow: 0 0 0 1px #cf95d9;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/bootstrap4-dark-blue/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 1px #e3f3fe; box-shadow: 0 0 0 1px #e3f3fe;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;

2
public/themes/bootstrap4-dark-purple/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 1px #f0e6f5; box-shadow: 0 0 0 1px #f0e6f5;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;

2
public/themes/bootstrap4-light-blue/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;

2
public/themes/bootstrap4-light-purple/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;

2
public/themes/luna-amber/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 0.1rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/luna-blue/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 0.1rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/luna-green/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 0.1rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/luna-pink/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 0.1rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/md-dark-deeppurple/theme.css
View File

@ -201,7 +201,7 @@
box-shadow: none; box-shadow: none;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2.5rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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); 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);

2
public/themes/md-dark-indigo/theme.css
View File

@ -201,7 +201,7 @@
box-shadow: none; box-shadow: none;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2.5rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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); 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);

2
public/themes/md-light-deeppurple/theme.css
View File

@ -201,7 +201,7 @@
box-shadow: none; box-shadow: none;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2.5rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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); 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);

2
public/themes/md-light-indigo/theme.css
View File

@ -201,7 +201,7 @@
box-shadow: none; box-shadow: none;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2.5rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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); 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);

2
public/themes/mdc-dark-deeppurple/theme.css
View File

@ -201,7 +201,7 @@
box-shadow: none; box-shadow: none;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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); 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);

2
public/themes/mdc-dark-indigo/theme.css
View File

@ -201,7 +201,7 @@
box-shadow: none; box-shadow: none;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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); 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);

2
public/themes/mdc-light-deeppurple/theme.css
View File

@ -201,7 +201,7 @@
box-shadow: none; box-shadow: none;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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); 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);

2
public/themes/mdc-light-indigo/theme.css
View File

@ -201,7 +201,7 @@
box-shadow: none; box-shadow: none;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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); 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);

2
public/themes/nova-accent/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/nova-alt/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/nova-vue/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 0.2rem #c2e9d8; box-shadow: 0 0 0 0.2rem #c2e9d8;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/nova/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/rhea/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 0.2rem #e4e9ec; box-shadow: 0 0 0 0.2rem #e4e9ec;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/saga-blue/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 0.2rem #a6d5fa; box-shadow: 0 0 0 0.2rem #a6d5fa;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/saga-green/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 0.2rem #b7e0b8; box-shadow: 0 0 0 0.2rem #b7e0b8;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/saga-orange/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 0.2rem #ffe69c; box-shadow: 0 0 0 0.2rem #ffe69c;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/saga-purple/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 0.2rem #df9eea; box-shadow: 0 0 0 0.2rem #df9eea;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/vela-blue/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 1px #93cbf9; box-shadow: 0 0 0 1px #93cbf9;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/vela-green/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 1px #a7d8a9; box-shadow: 0 0 0 1px #a7d8a9;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/vela-orange/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 1px #ffe284; box-shadow: 0 0 0 1px #ffe284;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

2
public/themes/vela-purple/theme.css
View File

@ -177,7 +177,7 @@
box-shadow: 0 0 0 1px #cf95d9; box-shadow: 0 0 0 1px #cf95d9;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 2rem;
} }
.p-datepicker .p-datepicker-header .p-datepicker-title select { .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; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

4
src/components/calendar/Calendar.vue
View File

@ -5,6 +5,7 @@
<transition name="p-connected-overlay" @enter="onOverlayEnter" @after-enter="onOverlayEnterComplete" @leave="onOverlayLeave"> <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"> <div ref="overlay" :class="panelStyleClass" v-if="inline ? true : overlayVisible" :role="inline ? null : 'dialog'" :aria-labelledby="ariaLabelledBy">
<template v-if="!timeOnly"> <template v-if="!timeOnly">
<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-group" v-for="(month,groupIndex) of months" :key="month.month + month.year">
<div class="p-datepicker-header"> <div class="p-datepicker-header">
<slot name="header"></slot> <slot name="header"></slot>
@ -57,6 +58,7 @@
</table> </table>
</div> </div>
</div> </div>
</div>
<div class="p-monthpicker" v-if="view === 'month'"> <div class="p-monthpicker" v-if="view === 'month'">
<span v-for="(m,i) of monthPickerValues" :key="m" @click="onMonthSelect($event, i)" @keydown="onMonthCellKeydown($event,i)" <span v-for="(m,i) of monthPickerValues" :key="m" @click="onMonthSelect($event, i)" @keydown="onMonthCellKeydown($event,i)"
class="p-monthpicker-month" :class="{'p-highlight': isMonthSelected(i)}" v-ripple> class="p-monthpicker-month" :class="{'p-highlight': isMonthSelected(i)}" v-ripple>
@ -2229,7 +2231,7 @@ export default {
} }
/* Multiple Month DatePicker */ /* Multiple Month DatePicker */
.p-datepicker-multiple-month { .p-datepicker-multiple-month .p-datepicker-group-container {
display: flex; display: flex;
} }