Cagatay Civici
parent
089f315ced
commit
4714b324c1
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #64B5F6;
|
||||||
box-shadow: 0 0 0 1px #93cbf9;
|
|
||||||
border-color: #64B5F6;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(100, 181, 246, 0.16);
|
background: rgba(100, 181, 246, 0.16);
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
background: rgba(100, 181, 246, 0.16);
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #383838;
|
border-right: 1px solid #383838;
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #93cbf9;
|
box-shadow: 0 0 0 1px #93cbf9;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(255, 255, 255, 0.03);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 1px #93cbf9;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4640,6 +4662,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.2s;
|
transition: box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4647,11 +4670,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #1e1e1e;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #81C784;
|
||||||
box-shadow: 0 0 0 1px #a7d8a9;
|
|
||||||
border-color: #81C784;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(129, 199, 132, 0.16);
|
background: rgba(129, 199, 132, 0.16);
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
background: rgba(129, 199, 132, 0.16);
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #383838;
|
border-right: 1px solid #383838;
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #a7d8a9;
|
box-shadow: 0 0 0 1px #a7d8a9;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(255, 255, 255, 0.03);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 1px #a7d8a9;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4640,6 +4662,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.2s;
|
transition: box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4647,11 +4670,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #1e1e1e;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #FFD54F;
|
||||||
box-shadow: 0 0 0 1px #ffe284;
|
|
||||||
border-color: #FFD54F;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(255, 213, 79, 0.16);
|
background: rgba(255, 213, 79, 0.16);
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
background: rgba(255, 213, 79, 0.16);
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #383838;
|
border-right: 1px solid #383838;
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #ffe284;
|
box-shadow: 0 0 0 1px #ffe284;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(255, 255, 255, 0.03);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 1px #ffe284;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4640,6 +4662,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.2s;
|
transition: box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4647,11 +4670,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #1e1e1e;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #BA68C8;
|
||||||
box-shadow: 0 0 0 1px #cf95d9;
|
|
||||||
border-color: #BA68C8;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(186, 104, 200, 0.16);
|
background: rgba(186, 104, 200, 0.16);
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
background: rgba(186, 104, 200, 0.16);
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #383838;
|
border-right: 1px solid #383838;
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #cf95d9;
|
box-shadow: 0 0 0 1px #cf95d9;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(255, 255, 255, 0.03);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 1px #cf95d9;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4640,6 +4662,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.2s;
|
transition: box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4647,11 +4670,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #1e1e1e;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
transition: color 0.15s, box-shadow 0.15s;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #8dd0ff;
|
||||||
box-shadow: 0 0 0 1px #e3f3fe;
|
|
||||||
border-color: #8dd0ff;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: #151515;
|
color: #151515;
|
||||||
background: #8dd0ff;
|
background: #8dd0ff;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.15s;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #151515;
|
||||||
|
background: #8dd0ff;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #3f4b5b;
|
border-right: 1px solid #3f4b5b;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #e3f3fe;
|
box-shadow: 0 0 0 1px #e3f3fe;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(255, 255, 255, 0.04);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 1px #e3f3fe;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4652,6 +4674,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.15s;
|
transition: box-shadow 0.15s;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4659,11 +4682,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border: 1px solid #3f4b5b;
|
border: 1px solid #3f4b5b;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: transparent;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
transition: color 0.15s, box-shadow 0.15s;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #c298d8;
|
||||||
box-shadow: 0 0 0 1px #f0e6f5;
|
|
||||||
border-color: #c298d8;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: #151515;
|
color: #151515;
|
||||||
background: #c298d8;
|
background: #c298d8;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.15s;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #151515;
|
||||||
|
background: #c298d8;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #3f4b5b;
|
border-right: 1px solid #3f4b5b;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #f0e6f5;
|
box-shadow: 0 0 0 1px #f0e6f5;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(255, 255, 255, 0.04);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 1px #f0e6f5;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4652,6 +4674,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.15s;
|
transition: box-shadow 0.15s;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4659,11 +4682,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border: 1px solid #3f4b5b;
|
border: 1px solid #3f4b5b;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: transparent;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: #212529;
|
||||||
|
transition: box-shadow 0.15s;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #007bff;
|
||||||
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
|
|
||||||
border-color: #007bff;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background: #007bff;
|
background: #007bff;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.15s;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #ffffff;
|
||||||
|
background: #007bff;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #dee2e6;
|
border-right: 1px solid #dee2e6;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
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:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: #e9ecef;
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4652,6 +4674,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.15s;
|
transition: box-shadow 0.15s;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4659,11 +4682,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: #212529;
|
color: #212529;
|
||||||
border: 1px solid #dee2e6;
|
border: 1px solid #dee2e6;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: transparent;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: #212529;
|
||||||
|
transition: box-shadow 0.15s;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #883cae;
|
||||||
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
|
|
||||||
border-color: #883cae;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background: #883cae;
|
background: #883cae;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.15s;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #ffffff;
|
||||||
|
background: #883cae;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #dee2e6;
|
border-right: 1px solid #dee2e6;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
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:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: #e9ecef;
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4652,6 +4674,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.15s;
|
transition: box-shadow 0.15s;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4659,11 +4682,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: #212529;
|
color: #212529;
|
||||||
border: 1px solid #dee2e6;
|
border: 1px solid #dee2e6;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: transparent;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: #323130;
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #0078d4;
|
||||||
box-shadow: inset 0 0 0 1px #605e5c;
|
|
||||||
border-color: #0078d4;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: #323130;
|
color: #323130;
|
||||||
background: #edebe9;
|
background: #edebe9;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 1px;
|
||||||
|
transition: box-shadow 0.2s;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #323130;
|
||||||
|
background: #edebe9;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #edebe9;
|
border-right: 1px solid #edebe9;
|
||||||
padding-right: 0.75rem;
|
padding-right: 0.75rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: inset 0 0 0 1px #605e5c;
|
box-shadow: inset 0 0 0 1px #605e5c;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: #f3f2f1;
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: inset 0 0 0 1px #605e5c;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4591,18 +4613,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.2s;
|
transition: box-shadow 0.2s;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
background: transparent;
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: #323130;
|
color: #323130;
|
||||||
border: 1px solid #f3f2f1;
|
border: 1px solid #f3f2f1;
|
||||||
|
background: #ffffff;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #ffffff;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -380,14 +380,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #A5B4FC;
|
||||||
box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
|
|
||||||
border-color: #A5B4FC;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -485,6 +487,18 @@
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(165, 180, 252, 0.16);
|
background: rgba(165, 180, 252, 0.16);
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.2s;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
background: rgba(165, 180, 252, 0.16);
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #444c56;
|
border-right: 1px solid #444c56;
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -515,6 +529,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
|
box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(255, 255, 255, 0.03);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4626,6 +4648,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.2s;
|
transition: box-shadow 0.2s;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4633,11 +4656,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: transparent;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -380,14 +380,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #C4B5FD;
|
||||||
box-shadow: 0 0 0 0.2rem #e7e1fe;
|
|
||||||
border-color: #C4B5FD;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -485,6 +487,18 @@
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(196, 181, 253, 0.16);
|
background: rgba(196, 181, 253, 0.16);
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.2s;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
background: rgba(196, 181, 253, 0.16);
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #444c56;
|
border-right: 1px solid #444c56;
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -515,6 +529,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #e7e1fe;
|
box-shadow: 0 0 0 0.2rem #e7e1fe;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(255, 255, 255, 0.03);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 0.2rem #e7e1fe;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4626,6 +4648,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.2s;
|
transition: box-shadow 0.2s;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4633,11 +4656,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: transparent;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -380,14 +380,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: #495057;
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #6366F1;
|
||||||
box-shadow: 0 0 0 0.2rem #c1c2f9;
|
|
||||||
border-color: #6366F1;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -485,6 +487,18 @@
|
||||||
color: #4338CA;
|
color: #4338CA;
|
||||||
background: #EEF2FF;
|
background: #EEF2FF;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.2s;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #4338CA;
|
||||||
|
background: #EEF2FF;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #dee2e6;
|
border-right: 1px solid #dee2e6;
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -515,6 +529,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #c1c2f9;
|
box-shadow: 0 0 0 0.2rem #c1c2f9;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: #e9ecef;
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 0.2rem #c1c2f9;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4626,18 +4648,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.2s;
|
transition: box-shadow 0.2s;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
background: transparent;
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
border: 1px solid #e9ecef;
|
border: 1px solid #e9ecef;
|
||||||
|
background: #ffffff;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #ffffff;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -380,14 +380,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: #495057;
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #8B5CF6;
|
||||||
box-shadow: 0 0 0 0.2rem #d1befb;
|
|
||||||
border-color: #8B5CF6;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -485,6 +487,18 @@
|
||||||
color: #6D28D9;
|
color: #6D28D9;
|
||||||
background: #F5F3FF;
|
background: #F5F3FF;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.2s;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #6D28D9;
|
||||||
|
background: #F5F3FF;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #dee2e6;
|
border-right: 1px solid #dee2e6;
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -515,6 +529,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #d1befb;
|
box-shadow: 0 0 0 0.2rem #d1befb;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: #e9ecef;
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 0.2rem #d1befb;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4626,18 +4648,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.2s;
|
transition: box-shadow 0.2s;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
background: transparent;
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
border: 1px solid #e9ecef;
|
border: 1px solid #e9ecef;
|
||||||
|
background: #ffffff;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #ffffff;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: #dedede;
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #FFE082;
|
||||||
box-shadow: 0 0 0 0.1rem white;
|
|
||||||
border-color: #FFE082;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: #212529;
|
color: #212529;
|
||||||
background: #FFE082;
|
background: #FFE082;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.857rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #212529;
|
||||||
|
background: #FFE082;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #4b4b4b;
|
border-right: 1px solid #4b4b4b;
|
||||||
padding-right: 0.857rem;
|
padding-right: 0.857rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.1rem white;
|
box-shadow: 0 0 0 0.1rem white;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: #4c4c4c;
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 0.1rem white;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4603,18 +4625,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: #191919;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
border: 1px solid #191919;
|
border: 1px solid #191919;
|
||||||
|
background: #191919;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #191919;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: #dedede;
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #81D4FA;
|
||||||
box-shadow: 0 0 0 0.1rem white;
|
|
||||||
border-color: #81D4FA;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: #212529;
|
color: #212529;
|
||||||
background: #81D4FA;
|
background: #81D4FA;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.857rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #212529;
|
||||||
|
background: #81D4FA;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #4b4b4b;
|
border-right: 1px solid #4b4b4b;
|
||||||
padding-right: 0.857rem;
|
padding-right: 0.857rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.1rem white;
|
box-shadow: 0 0 0 0.1rem white;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: #4c4c4c;
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 0.1rem white;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4603,18 +4625,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: #191919;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
border: 1px solid #191919;
|
border: 1px solid #191919;
|
||||||
|
background: #191919;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #191919;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: #dedede;
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #C5E1A5;
|
||||||
box-shadow: 0 0 0 0.1rem white;
|
|
||||||
border-color: #C5E1A5;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: #212529;
|
color: #212529;
|
||||||
background: #C5E1A5;
|
background: #C5E1A5;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.857rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #212529;
|
||||||
|
background: #C5E1A5;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #4b4b4b;
|
border-right: 1px solid #4b4b4b;
|
||||||
padding-right: 0.857rem;
|
padding-right: 0.857rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.1rem white;
|
box-shadow: 0 0 0 0.1rem white;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: #4c4c4c;
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 0.1rem white;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4603,18 +4625,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: #191919;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
border: 1px solid #191919;
|
border: 1px solid #191919;
|
||||||
|
background: #191919;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #191919;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: #dedede;
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #F48FB1;
|
||||||
box-shadow: 0 0 0 0.1rem white;
|
|
||||||
border-color: #F48FB1;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: #212529;
|
color: #212529;
|
||||||
background: #F48FB1;
|
background: #F48FB1;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.857rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #212529;
|
||||||
|
background: #F48FB1;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #4b4b4b;
|
border-right: 1px solid #4b4b4b;
|
||||||
padding-right: 0.857rem;
|
padding-right: 0.857rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.1rem white;
|
box-shadow: 0 0 0 0.1rem white;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: #4c4c4c;
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 0.1rem white;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4603,18 +4625,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: #191919;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
border: 1px solid #191919;
|
border: 1px solid #191919;
|
||||||
|
background: #191919;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #191919;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -369,14 +369,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2.5rem;
|
line-height: 2.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
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);
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 500;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #CE93D8;
|
||||||
box-shadow: none;
|
|
||||||
border-color: #CE93D8;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -474,6 +476,18 @@
|
||||||
color: #CE93D8;
|
color: #CE93D8;
|
||||||
background: rgba(206, 147, 216, 0.16);
|
background: rgba(206, 147, 216, 0.16);
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #CE93D8;
|
||||||
|
background: rgba(206, 147, 216, 0.16);
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -504,6 +518,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(255, 255, 255, 0.04);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4664,6 +4686,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: none;
|
transition: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4671,11 +4694,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: transparent;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -369,14 +369,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2.5rem;
|
line-height: 2.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
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);
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 500;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #9FA8DA;
|
||||||
box-shadow: none;
|
|
||||||
border-color: #9FA8DA;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -474,6 +476,18 @@
|
||||||
color: #9FA8DA;
|
color: #9FA8DA;
|
||||||
background: rgba(159, 168, 218, 0.16);
|
background: rgba(159, 168, 218, 0.16);
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #9FA8DA;
|
||||||
|
background: rgba(159, 168, 218, 0.16);
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -504,6 +518,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(255, 255, 255, 0.04);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4664,6 +4686,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: none;
|
transition: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4671,11 +4694,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: transparent;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -369,14 +369,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2.5rem;
|
line-height: 2.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
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);
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 500;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #673AB7;
|
||||||
box-shadow: none;
|
|
||||||
border-color: #673AB7;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -474,6 +476,18 @@
|
||||||
color: #673AB7;
|
color: #673AB7;
|
||||||
background: rgba(103, 58, 183, 0.12);
|
background: rgba(103, 58, 183, 0.12);
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #673AB7;
|
||||||
|
background: rgba(103, 58, 183, 0.12);
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -504,6 +518,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(0, 0, 0, 0.04);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4664,6 +4686,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: none;
|
transition: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4671,11 +4694,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(0, 0, 0, 0.87);
|
color: rgba(0, 0, 0, 0.87);
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: transparent;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -369,14 +369,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2.5rem;
|
line-height: 2.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
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);
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 500;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #3F51B5;
|
||||||
box-shadow: none;
|
|
||||||
border-color: #3F51B5;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -474,6 +476,18 @@
|
||||||
color: #3F51B5;
|
color: #3F51B5;
|
||||||
background: rgba(63, 81, 181, 0.12);
|
background: rgba(63, 81, 181, 0.12);
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #3F51B5;
|
||||||
|
background: rgba(63, 81, 181, 0.12);
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -504,6 +518,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(0, 0, 0, 0.04);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4664,6 +4686,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: none;
|
transition: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4671,11 +4694,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(0, 0, 0, 0.87);
|
color: rgba(0, 0, 0, 0.87);
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: transparent;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -369,14 +369,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
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);
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 500;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #CE93D8;
|
||||||
box-shadow: none;
|
|
||||||
border-color: #CE93D8;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -474,6 +476,18 @@
|
||||||
color: #CE93D8;
|
color: #CE93D8;
|
||||||
background: rgba(206, 147, 216, 0.16);
|
background: rgba(206, 147, 216, 0.16);
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #CE93D8;
|
||||||
|
background: rgba(206, 147, 216, 0.16);
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -504,6 +518,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(255, 255, 255, 0.04);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4664,6 +4686,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: none;
|
transition: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4671,11 +4694,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: transparent;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -369,14 +369,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
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);
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 500;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #9FA8DA;
|
||||||
box-shadow: none;
|
|
||||||
border-color: #9FA8DA;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -474,6 +476,18 @@
|
||||||
color: #9FA8DA;
|
color: #9FA8DA;
|
||||||
background: rgba(159, 168, 218, 0.16);
|
background: rgba(159, 168, 218, 0.16);
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #9FA8DA;
|
||||||
|
background: rgba(159, 168, 218, 0.16);
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -504,6 +518,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(255, 255, 255, 0.04);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4664,6 +4686,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: none;
|
transition: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4671,11 +4694,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: transparent;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -369,14 +369,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
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);
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 500;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #673AB7;
|
||||||
box-shadow: none;
|
|
||||||
border-color: #673AB7;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -474,6 +476,18 @@
|
||||||
color: #673AB7;
|
color: #673AB7;
|
||||||
background: rgba(103, 58, 183, 0.12);
|
background: rgba(103, 58, 183, 0.12);
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #673AB7;
|
||||||
|
background: rgba(103, 58, 183, 0.12);
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -504,6 +518,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(0, 0, 0, 0.04);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4664,6 +4686,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: none;
|
transition: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4671,11 +4694,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(0, 0, 0, 0.87);
|
color: rgba(0, 0, 0, 0.87);
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: transparent;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -369,14 +369,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
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);
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 500;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #3F51B5;
|
||||||
box-shadow: none;
|
|
||||||
border-color: #3F51B5;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -474,6 +476,18 @@
|
||||||
color: #3F51B5;
|
color: #3F51B5;
|
||||||
background: rgba(63, 81, 181, 0.12);
|
background: rgba(63, 81, 181, 0.12);
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #3F51B5;
|
||||||
|
background: rgba(63, 81, 181, 0.12);
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -504,6 +518,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(0, 0, 0, 0.04);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4664,6 +4686,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: none;
|
transition: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4671,11 +4694,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(0, 0, 0, 0.87);
|
color: rgba(0, 0, 0, 0.87);
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: transparent;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: #333333;
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #007ad9;
|
||||||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
|
||||||
border-color: #007ad9;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background: #e02365;
|
background: #e02365;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.857rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #ffffff;
|
||||||
|
background: #e02365;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #d8dae2;
|
border-right: 1px solid #d8dae2;
|
||||||
padding-right: 0.857rem;
|
padding-right: 0.857rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: #eaeaea;
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4591,18 +4613,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: background-color 0.2s, box-shadow 0.2s;
|
transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
border: 1px solid #dee2e6;
|
border: 1px solid #dee2e6;
|
||||||
|
background: #ffffff;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #ffffff;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: #333333;
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #007ad9;
|
||||||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
|
||||||
border-color: #007ad9;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background: #007ad9;
|
background: #007ad9;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.857rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #ffffff;
|
||||||
|
background: #007ad9;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #d8dae2;
|
border-right: 1px solid #d8dae2;
|
||||||
padding-right: 0.857rem;
|
padding-right: 0.857rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: #eaeaea;
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4603,18 +4625,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: background-color 0.2s, box-shadow 0.2s;
|
transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
border: 1px solid #dee2e6;
|
border: 1px solid #dee2e6;
|
||||||
|
background: #ffffff;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #ffffff;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: #333333;
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #41b883;
|
||||||
box-shadow: 0 0 0 0.2rem #c2e9d8;
|
|
||||||
border-color: #41b883;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background: #41b883;
|
background: #41b883;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.857rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #ffffff;
|
||||||
|
background: #41b883;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #d8dae2;
|
border-right: 1px solid #d8dae2;
|
||||||
padding-right: 0.857rem;
|
padding-right: 0.857rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #c2e9d8;
|
box-shadow: 0 0 0 0.2rem #c2e9d8;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: #eaeaea;
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 0.2rem #c2e9d8;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4603,18 +4625,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: background-color 0.2s, box-shadow 0.2s;
|
transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
border: 1px solid #dee2e6;
|
border: 1px solid #dee2e6;
|
||||||
|
background: #ffffff;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #ffffff;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: #333333;
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #007ad9;
|
||||||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
|
||||||
border-color: #007ad9;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background: #007ad9;
|
background: #007ad9;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.857rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #ffffff;
|
||||||
|
background: #007ad9;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #d8dae2;
|
border-right: 1px solid #d8dae2;
|
||||||
padding-right: 0.857rem;
|
padding-right: 0.857rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: #eaeaea;
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4603,18 +4625,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: background-color 0.2s, box-shadow 0.2s;
|
transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
border: 1px solid #dee2e6;
|
border: 1px solid #dee2e6;
|
||||||
|
background: #ffffff;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #ffffff;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: #666666;
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #7B95A3;
|
||||||
box-shadow: 0 0 0 0.2rem #e4e9ec;
|
|
||||||
border-color: #7B95A3;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: #385048;
|
color: #385048;
|
||||||
background: #AFD3C8;
|
background: #AFD3C8;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.857rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #385048;
|
||||||
|
background: #AFD3C8;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #dadada;
|
border-right: 1px solid #dadada;
|
||||||
padding-right: 0.857rem;
|
padding-right: 0.857rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #e4e9ec;
|
box-shadow: 0 0 0 0.2rem #e4e9ec;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: #f4f4f4;
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 0.2rem #e4e9ec;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4591,18 +4613,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
background: transparent;
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: #a6a6a6;
|
color: #a6a6a6;
|
||||||
border: 1px solid #c8c8c8;
|
border: 1px solid #c8c8c8;
|
||||||
|
background: #ffffff;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #ffffff;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: #495057;
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #2196F3;
|
||||||
box-shadow: 0 0 0 0.2rem #a6d5fa;
|
|
||||||
border-color: #2196F3;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: #495057;
|
color: #495057;
|
||||||
background: #E3F2FD;
|
background: #E3F2FD;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #495057;
|
||||||
|
background: #E3F2FD;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #dee2e6;
|
border-right: 1px solid #dee2e6;
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #a6d5fa;
|
box-shadow: 0 0 0 0.2rem #a6d5fa;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: #e9ecef;
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 0.2rem #a6d5fa;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4640,18 +4662,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.2s;
|
transition: box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
border: 1px solid #e9ecef;
|
border: 1px solid #e9ecef;
|
||||||
|
background: #ffffff;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #ffffff;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: #495057;
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #4CAF50;
|
||||||
box-shadow: 0 0 0 0.2rem #b7e0b8;
|
|
||||||
border-color: #4CAF50;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: #495057;
|
color: #495057;
|
||||||
background: #E8F5E9;
|
background: #E8F5E9;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #495057;
|
||||||
|
background: #E8F5E9;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #dee2e6;
|
border-right: 1px solid #dee2e6;
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #b7e0b8;
|
box-shadow: 0 0 0 0.2rem #b7e0b8;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: #e9ecef;
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 0.2rem #b7e0b8;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4640,18 +4662,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.2s;
|
transition: box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
border: 1px solid #e9ecef;
|
border: 1px solid #e9ecef;
|
||||||
|
background: #ffffff;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #ffffff;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: #495057;
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #FFC107;
|
||||||
box-shadow: 0 0 0 0.2rem #ffe69c;
|
|
||||||
border-color: #FFC107;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: #495057;
|
color: #495057;
|
||||||
background: #FFF3E0;
|
background: #FFF3E0;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #495057;
|
||||||
|
background: #FFF3E0;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #dee2e6;
|
border-right: 1px solid #dee2e6;
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #ffe69c;
|
box-shadow: 0 0 0 0.2rem #ffe69c;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: #e9ecef;
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 0.2rem #ffe69c;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4640,18 +4662,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.2s;
|
transition: box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
border: 1px solid #e9ecef;
|
border: 1px solid #e9ecef;
|
||||||
|
background: #ffffff;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #ffffff;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: #495057;
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #9C27B0;
|
||||||
box-shadow: 0 0 0 0.2rem #df9eea;
|
|
||||||
border-color: #9C27B0;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: #495057;
|
color: #495057;
|
||||||
background: #F3E5F5;
|
background: #F3E5F5;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #495057;
|
||||||
|
background: #F3E5F5;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #dee2e6;
|
border-right: 1px solid #dee2e6;
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #df9eea;
|
box-shadow: 0 0 0 0.2rem #df9eea;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: #e9ecef;
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 0.2rem #df9eea;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4640,18 +4662,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.2s;
|
transition: box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
border: 1px solid #e9ecef;
|
border: 1px solid #e9ecef;
|
||||||
|
background: #ffffff;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #ffffff;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -380,14 +380,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: #3f3f46;
|
||||||
transition: none;
|
transition: none;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #4F46E5;
|
||||||
box-shadow: 0 0 0 1px #6366F1;
|
|
||||||
border-color: #4F46E5;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -485,6 +487,18 @@
|
||||||
color: #312E81;
|
color: #312E81;
|
||||||
background: #EEF2FF;
|
background: #EEF2FF;
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: none;
|
||||||
|
border-radius: 0.375rem;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: #312E81;
|
||||||
|
background: #EEF2FF;
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #f3f4f6;
|
border-right: 1px solid #f3f4f6;
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -515,6 +529,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #6366F1;
|
box-shadow: 0 0 0 1px #6366F1;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: #f4f4f5;
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 1px #6366F1;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4675,18 +4697,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: none;
|
transition: none;
|
||||||
border-radius: 0.375rem;
|
border-radius: 0.375rem;
|
||||||
background: transparent;
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: #3f3f46;
|
color: #3f3f46;
|
||||||
border: 1px solid #f4f4f5;
|
border: 1px solid #f4f4f5;
|
||||||
|
background: #ffffff;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: #ffffff;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
@ -5443,3 +5466,11 @@
|
||||||
.p-radiobutton:not(.p-radiobutton-disabled) .p-radiobutton-box.p-focus {
|
.p-radiobutton:not(.p-radiobutton-disabled) .p-radiobutton-box.p-focus {
|
||||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366F1, 0 1px 2px 0 rgba(0, 0, 0, 0);
|
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366F1, 0 1px 2px 0 rgba(0, 0, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
||||||
|
background-color: #4F46E5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
|
||||||
|
background-color: #4F46E5;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #64B5F6;
|
||||||
box-shadow: 0 0 0 1px #93cbf9;
|
|
||||||
border-color: #64B5F6;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(100, 181, 246, 0.16);
|
background: rgba(100, 181, 246, 0.16);
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
background: rgba(100, 181, 246, 0.16);
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #304562;
|
border-right: 1px solid #304562;
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #93cbf9;
|
box-shadow: 0 0 0 1px #93cbf9;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(255, 255, 255, 0.03);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 1px #93cbf9;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4640,6 +4662,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.2s;
|
transition: box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4647,11 +4670,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: transparent;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #81C784;
|
||||||
box-shadow: 0 0 0 1px #a7d8a9;
|
|
||||||
border-color: #81C784;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(129, 199, 132, 0.16);
|
background: rgba(129, 199, 132, 0.16);
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
background: rgba(129, 199, 132, 0.16);
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #304562;
|
border-right: 1px solid #304562;
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #a7d8a9;
|
box-shadow: 0 0 0 1px #a7d8a9;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(255, 255, 255, 0.03);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 1px #a7d8a9;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4640,6 +4662,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.2s;
|
transition: box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4647,11 +4670,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: transparent;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #FFD54F;
|
||||||
box-shadow: 0 0 0 1px #ffe284;
|
|
||||||
border-color: #FFD54F;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(255, 213, 79, 0.16);
|
background: rgba(255, 213, 79, 0.16);
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
background: rgba(255, 213, 79, 0.16);
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #304562;
|
border-right: 1px solid #304562;
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #ffe284;
|
box-shadow: 0 0 0 1px #ffe284;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(255, 255, 255, 0.03);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 1px #ffe284;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4640,6 +4662,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.2s;
|
transition: box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4647,11 +4670,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: transparent;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -345,14 +345,16 @@
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
|
||||||
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
|
||||||
outline: 0 none;
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
|
||||||
outline-offset: 0;
|
color: #BA68C8;
|
||||||
box-shadow: 0 0 0 1px #cf95d9;
|
|
||||||
border-color: #BA68C8;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
|
@ -450,6 +452,18 @@
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(186, 104, 200, 0.16);
|
background: rgba(186, 104, 200, 0.16);
|
||||||
}
|
}
|
||||||
|
.p-datepicker .p-yearpicker {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year {
|
||||||
|
padding: 0.5rem;
|
||||||
|
transition: box-shadow 0.2s;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
background: rgba(186, 104, 200, 0.16);
|
||||||
|
}
|
||||||
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
||||||
border-right: 1px solid #304562;
|
border-right: 1px solid #304562;
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
|
|
@ -480,6 +494,14 @@
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #cf95d9;
|
box-shadow: 0 0 0 1px #cf95d9;
|
||||||
}
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
|
||||||
|
background: rgba(255, 255, 255, 0.03);
|
||||||
|
}
|
||||||
|
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
|
||||||
|
outline: 0 none;
|
||||||
|
outline-offset: 0;
|
||||||
|
box-shadow: 0 0 0 1px #cf95d9;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 769px) {
|
@media screen and (max-width: 769px) {
|
||||||
.p-datepicker table th, .p-datepicker table td {
|
.p-datepicker table th, .p-datepicker table td {
|
||||||
|
|
@ -4640,6 +4662,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
|
background: transparent;
|
||||||
transition: box-shadow 0.2s;
|
transition: box-shadow 0.2s;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
@ -4647,11 +4670,11 @@
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
|
background: transparent;
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.143rem;
|
font-size: 1.143rem;
|
||||||
background: transparent;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -170,12 +170,12 @@
|
||||||
"children": [
|
"children": [
|
||||||
{
|
{
|
||||||
"name": "AutoComplete",
|
"name": "AutoComplete",
|
||||||
"to": "/autocomplete",
|
"to": "/autocomplete"
|
||||||
"badge":"Updated"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Calendar",
|
"name": "Calendar",
|
||||||
"to": "/calendar"
|
"to": "/calendar",
|
||||||
|
"badge": "Updated"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "CascadeSelect",
|
"name": "CascadeSelect",
|
||||||
|
|
@ -195,8 +195,7 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Dropdown",
|
"name": "Dropdown",
|
||||||
"to": "/dropdown",
|
"to": "/dropdown"
|
||||||
"badge": "Updated"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Editor",
|
"name": "Editor",
|
||||||
|
|
@ -236,8 +235,7 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Listbox",
|
"name": "Listbox",
|
||||||
"to": "/listbox",
|
"to": "/listbox"
|
||||||
"badge":"Updated"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "MultiSelect",
|
"name": "MultiSelect",
|
||||||
|
|
@ -688,7 +686,6 @@
|
||||||
{
|
{
|
||||||
"name": "Chart",
|
"name": "Chart",
|
||||||
"meta": ["chart"],
|
"meta": ["chart"],
|
||||||
"badge": "Updated",
|
|
||||||
"children": [
|
"children": [
|
||||||
{
|
{
|
||||||
"name": "ChartModel",
|
"name": "ChartModel",
|
||||||
|
|
|
||||||
|
|
@ -15,21 +15,24 @@
|
||||||
<span class="p-datepicker-prev-icon pi pi-chevron-left"></span>
|
<span class="p-datepicker-prev-icon pi pi-chevron-left"></span>
|
||||||
</button>
|
</button>
|
||||||
<div class="p-datepicker-title">
|
<div class="p-datepicker-title">
|
||||||
<span class="p-datepicker-month" v-if="!monthNavigator && (view !== 'month')">{{getMonthName(month.month)}}</span>
|
<button type="button" @click="switchToMonthView" v-if="currentView === 'date'" class="p-datepicker-month p-link" :disabled="$attrs.disabled">
|
||||||
<select class="p-datepicker-month" v-if="monthNavigator && (view !== 'month') && numberOfMonths === 1" @change="onMonthDropdownChange($event.target.value)">
|
{{getMonthName(month.month)}}
|
||||||
<option :value="index" v-for="(monthName, index) of monthNames" :key="monthName" :selected="index === month.month">{{monthName}}</option>
|
</button>
|
||||||
</select>
|
<button type="button" @click="switchToYearView" v-if="currentView !== 'year'" class="p-datepicker-year p-link" :disabled="$attrs.disabled">
|
||||||
<span class="p-datepicker-year" v-if="!yearNavigator">{{view === 'month' ? currentYear : month.year}}</span>
|
{{currentYear}}
|
||||||
<select class="p-datepicker-year" v-if="yearNavigator && numberOfMonths === 1" @change="onYearDropdownChange($event.target.value)">
|
</button>
|
||||||
<option :value="year" v-for="year of yearOptions" :key="year" :selected="year === currentYear">{{year}}</option>
|
<span class="p-datepicker-decade" v-if="currentView === 'year'">
|
||||||
</select>
|
<slot name="decade" :years="yearPickerValues">
|
||||||
|
{{yearPickerValues[0]}} - {{yearPickerValues[yearPickerValues.length - 1]}}
|
||||||
|
</slot>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<button class="p-datepicker-next p-link" v-if="numberOfMonths === 1 ? true : (groupIndex === numberOfMonths - 1)"
|
<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">
|
@click="onNextButtonClick" type="button" @keydown="onContainerButtonKeydown" v-ripple :disabled="$attrs.disabled">
|
||||||
<span class="p-datepicker-next-icon pi pi-chevron-right"></span>
|
<span class="p-datepicker-next-icon pi pi-chevron-right"></span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-datepicker-calendar-container" v-if="view ==='date'">
|
<div class="p-datepicker-calendar-container" v-if="currentView ==='date'">
|
||||||
<table class="p-datepicker-calendar">
|
<table class="p-datepicker-calendar">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
|
|
@ -61,12 +64,18 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-monthpicker" v-if="view === 'month'">
|
<div class="p-monthpicker" v-if="currentView === '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>
|
||||||
{{m}}
|
{{m}}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="p-yearpicker" v-if="currentView === 'year'">
|
||||||
|
<span v-for="y of yearPickerValues" :key="y" @click="onYearSelect($event, y)" @keydown="onYearCellKeydown($event,y)"
|
||||||
|
class="p-yearpicker-year" :class="{'p-highlight': isYearSelected(y)}" v-ripple>
|
||||||
|
{{y}}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<div class="p-timepicker" v-if="showTime||timeOnly">
|
<div class="p-timepicker" v-if="showTime||timeOnly">
|
||||||
<div class="p-hour-picker">
|
<div class="p-hour-picker">
|
||||||
|
|
@ -358,7 +367,8 @@ export default {
|
||||||
currentSecond: null,
|
currentSecond: null,
|
||||||
pm: null,
|
pm: null,
|
||||||
focused: false,
|
focused: false,
|
||||||
overlayVisible: false
|
overlayVisible: false,
|
||||||
|
currentView: this.view
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
|
@ -413,6 +423,9 @@ export default {
|
||||||
isMonthSelected(month) {
|
isMonthSelected(month) {
|
||||||
return this.isComparable() ? (this.modelValue.getMonth() === month && this.modelValue.getFullYear() === this.currentYear) : false;
|
return this.isComparable() ? (this.modelValue.getMonth() === month && this.modelValue.getFullYear() === this.currentYear) : false;
|
||||||
},
|
},
|
||||||
|
isYearSelected(year) {
|
||||||
|
return this.isComparable() ? (this.modelValue.getFullYear() === year) : false;
|
||||||
|
},
|
||||||
isDateEquals(value, dateMeta) {
|
isDateEquals(value, dateMeta) {
|
||||||
if (value)
|
if (value)
|
||||||
return value.getDate() === dateMeta.day && value.getMonth() === dateMeta.month && value.getFullYear() === dateMeta.year;
|
return value.getDate() === dateMeta.day && value.getMonth() === dateMeta.month && value.getFullYear() === dateMeta.year;
|
||||||
|
|
@ -557,6 +570,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onOverlayLeave() {
|
onOverlayLeave() {
|
||||||
|
this.currentView = this.view;
|
||||||
this.unbindOutsideClickListener();
|
this.unbindOutsideClickListener();
|
||||||
this.unbindScrollListener();
|
this.unbindScrollListener();
|
||||||
this.unbindResizeListener();
|
this.unbindResizeListener();
|
||||||
|
|
@ -587,9 +601,12 @@ export default {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.view === 'month') {
|
if (this.currentView === 'month') {
|
||||||
this.decrementYear();
|
this.decrementYear();
|
||||||
}
|
}
|
||||||
|
else if (this.currentView === 'year') {
|
||||||
|
this.decrementDecade();
|
||||||
|
}
|
||||||
else {
|
else {
|
||||||
if (this.currentMonth === 0) {
|
if (this.currentMonth === 0) {
|
||||||
this.currentMonth = 11;
|
this.currentMonth = 11;
|
||||||
|
|
@ -609,9 +626,12 @@ export default {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.view === 'month') {
|
if (this.currentView === 'month') {
|
||||||
this.incrementYear();
|
this.incrementYear();
|
||||||
}
|
}
|
||||||
|
else if (this.currentView === 'year') {
|
||||||
|
this.incrementDecade();
|
||||||
|
}
|
||||||
else {
|
else {
|
||||||
if (this.currentMonth === 11) {
|
if (this.currentMonth === 11) {
|
||||||
this.currentMonth = 0;
|
this.currentMonth = 0;
|
||||||
|
|
@ -627,9 +647,27 @@ export default {
|
||||||
decrementYear() {
|
decrementYear() {
|
||||||
this.currentYear--;
|
this.currentYear--;
|
||||||
},
|
},
|
||||||
|
decrementDecade() {
|
||||||
|
this.currentYear = this.currentYear - 10;
|
||||||
|
},
|
||||||
incrementYear() {
|
incrementYear() {
|
||||||
this.currentYear++;
|
this.currentYear++;
|
||||||
},
|
},
|
||||||
|
incrementDecade() {
|
||||||
|
this.currentYear = this.currentYear + 10;
|
||||||
|
},
|
||||||
|
switchToMonthView(event) {
|
||||||
|
this.currentView = 'month';
|
||||||
|
setTimeout(() => {
|
||||||
|
|
||||||
|
this.alignOverlay();
|
||||||
|
}, 1000);
|
||||||
|
event.preventDefault();
|
||||||
|
},
|
||||||
|
switchToYearView(event) {
|
||||||
|
this.currentView = 'year';
|
||||||
|
event.preventDefault();
|
||||||
|
},
|
||||||
isEnabled() {
|
isEnabled() {
|
||||||
return !this.$attrs.disabled && !this.$attrs.readonly;
|
return !this.$attrs.disabled && !this.$attrs.readonly;
|
||||||
},
|
},
|
||||||
|
|
@ -1285,7 +1323,24 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onMonthSelect(event, index) {
|
onMonthSelect(event, index) {
|
||||||
|
if (this.view === 'month') {
|
||||||
this.onDateSelect(event, {year: this.currentYear, month: index, day: 1, selectable: true});
|
this.onDateSelect(event, {year: this.currentYear, month: index, day: 1, selectable: true});
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
this.currentMonth = index;
|
||||||
|
this.currentView = 'date';
|
||||||
|
this.$emit('month-change', {month: this.currentMonth + 1, year: this.currentYear});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onYearSelect(event, year) {
|
||||||
|
if (this.view === 'year') {
|
||||||
|
this.onDateSelect(event, {year: year, month: 0, day: 1, selectable: true});
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
this.currentYear = year;
|
||||||
|
this.currentView = 'month';
|
||||||
|
this.$emit('year-change', {month: this.currentMonth + 1, year: this.currentYear});
|
||||||
|
}
|
||||||
},
|
},
|
||||||
enableModality() {
|
enableModality() {
|
||||||
if (!this.mask) {
|
if (!this.mask) {
|
||||||
|
|
@ -1508,7 +1563,7 @@ export default {
|
||||||
iValue++;
|
iValue++;
|
||||||
};
|
};
|
||||||
|
|
||||||
if (this.view === 'month') {
|
if (this.currentView === 'month') {
|
||||||
day = 1;
|
day = 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1824,6 +1879,74 @@ export default {
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
onYearCellKeydown(event, index) {
|
||||||
|
const cell = event.currentTarget;
|
||||||
|
|
||||||
|
switch (event.which) {
|
||||||
|
//arrows
|
||||||
|
case 38:
|
||||||
|
case 40: {
|
||||||
|
cell.tabIndex = '-1';
|
||||||
|
var cells = cell.parentElement.children;
|
||||||
|
var cellIndex = DomHandler.index(cell);
|
||||||
|
let nextCell = cells[event.which === 40 ? cellIndex + 3 : cellIndex -3];
|
||||||
|
if (nextCell) {
|
||||||
|
nextCell.tabIndex = '0';
|
||||||
|
nextCell.focus();
|
||||||
|
}
|
||||||
|
event.preventDefault();
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
//left arrow
|
||||||
|
case 37: {
|
||||||
|
cell.tabIndex = '-1';
|
||||||
|
let prevCell = cell.previousElementSibling;
|
||||||
|
if (prevCell) {
|
||||||
|
prevCell.tabIndex = '0';
|
||||||
|
prevCell.focus();
|
||||||
|
}
|
||||||
|
event.preventDefault();
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
//right arrow
|
||||||
|
case 39: {
|
||||||
|
cell.tabIndex = '-1';
|
||||||
|
let nextCell = cell.nextElementSibling;
|
||||||
|
if (nextCell) {
|
||||||
|
nextCell.tabIndex = '0';
|
||||||
|
nextCell.focus();
|
||||||
|
}
|
||||||
|
event.preventDefault();
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
//enter
|
||||||
|
case 13: {
|
||||||
|
this.onMonthSelect(event, index);
|
||||||
|
event.preventDefault();
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
//escape
|
||||||
|
case 27: {
|
||||||
|
this.overlayVisible = false;
|
||||||
|
event.preventDefault();
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
//tab
|
||||||
|
case 9: {
|
||||||
|
this.trapFocus(event);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
default:
|
||||||
|
//no op
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
},
|
||||||
updateFocus() {
|
updateFocus() {
|
||||||
let cell;
|
let cell;
|
||||||
if (this.navigationState) {
|
if (this.navigationState) {
|
||||||
|
|
@ -1859,7 +1982,7 @@ export default {
|
||||||
initFocusableCell() {
|
initFocusableCell() {
|
||||||
let cell;
|
let cell;
|
||||||
|
|
||||||
if (this.view === 'month') {
|
if (this.currentView === 'month') {
|
||||||
let cells = DomHandler.find(this.overlay, '.p-monthpicker .p-monthpicker-month');
|
let cells = DomHandler.find(this.overlay, '.p-monthpicker .p-monthpicker-month');
|
||||||
let selectedCell= DomHandler.findSingle(this.overlay, '.p-monthpicker .p-monthpicker-month.p-highlight');
|
let selectedCell= DomHandler.findSingle(this.overlay, '.p-monthpicker .p-monthpicker-month.p-highlight');
|
||||||
cells.forEach(cell => cell.tabIndex = -1);
|
cells.forEach(cell => cell.tabIndex = -1);
|
||||||
|
|
@ -2024,7 +2147,8 @@ export default {
|
||||||
'p-disabled': this.$attrs.disabled,
|
'p-disabled': this.$attrs.disabled,
|
||||||
'p-datepicker-timeonly': this.timeOnly,
|
'p-datepicker-timeonly': this.timeOnly,
|
||||||
'p-datepicker-multiple-month': this.numberOfMonths > 1,
|
'p-datepicker-multiple-month': this.numberOfMonths > 1,
|
||||||
'p-datepicker-monthpicker': (this.view === 'month'),
|
'p-datepicker-monthpicker': (this.currentView === 'month'),
|
||||||
|
'p-datepicker-yearpicker': (this.currentView === 'year'),
|
||||||
'p-datepicker-touch-ui': this.touchUI,
|
'p-datepicker-touch-ui': this.touchUI,
|
||||||
'p-input-filled': this.$primevue.config.inputStyle === 'filled',
|
'p-input-filled': this.$primevue.config.inputStyle === 'filled',
|
||||||
'p-ripple-disabled': this.$primevue.config.ripple === false
|
'p-ripple-disabled': this.$primevue.config.ripple === false
|
||||||
|
|
@ -2152,6 +2276,15 @@ export default {
|
||||||
|
|
||||||
return monthPickerValues;
|
return monthPickerValues;
|
||||||
},
|
},
|
||||||
|
yearPickerValues() {
|
||||||
|
let yearPickerValues = [];
|
||||||
|
let base = this.currentYear - (this.currentYear % 10);
|
||||||
|
for (let i = 0; i < 10; i++) {
|
||||||
|
yearPickerValues.push(base + i);
|
||||||
|
}
|
||||||
|
|
||||||
|
return yearPickerValues;
|
||||||
|
},
|
||||||
formattedCurrentHour() {
|
formattedCurrentHour() {
|
||||||
return this.currentHour < 10 ? '0' + this.currentHour : this.currentHour;
|
return this.currentHour < 10 ? '0' + this.currentHour : this.currentHour;
|
||||||
},
|
},
|
||||||
|
|
@ -2233,7 +2366,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datepicker-inline {
|
.p-datepicker-inline {
|
||||||
display: inline-flex;
|
display: inline-block;
|
||||||
position: static;
|
position: static;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -2290,6 +2423,17 @@ export default {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Year Picker */
|
||||||
|
.p-yearpicker-year {
|
||||||
|
width: 50%;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
cursor: pointer;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
/* Button Bar */
|
/* Button Bar */
|
||||||
.p-datepicker-buttonbar {
|
.p-datepicker-buttonbar {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -14,7 +14,7 @@
|
||||||
<div class="p-fluid p-grid p-formgrid">
|
<div class="p-fluid p-grid p-formgrid">
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="basic">Basic</label>
|
<label for="basic">Basic</label>
|
||||||
<Calendar id="basic" v-model="date1" />
|
<Calendar id="basic" v-model="date1" autocomplete="off" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="dateformat">DateFormat</label>
|
<label for="dateformat">DateFormat</label>
|
||||||
|
|
@ -32,10 +32,6 @@
|
||||||
<label for="disableddays">Disabled Days</label>
|
<label for="disableddays">Disabled Days</label>
|
||||||
<Calendar id="disableddays" v-model="date5" :disabledDates="invalidDates" :disabledDays="[0,6]" :manualInput="false" />
|
<Calendar id="disableddays" v-model="date5" :disabledDates="invalidDates" :disabledDays="[0,6]" :manualInput="false" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
|
||||||
<label for="navigators">Navigators</label>
|
|
||||||
<Calendar id="navigators" v-model="date6" :monthNavigator="true" :yearNavigator="true" yearRange="2000:2030" />
|
|
||||||
</div>
|
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="multiple">Multiple</label>
|
<label for="multiple">Multiple</label>
|
||||||
<Calendar id="multiple" v-model="dates1" selectionMode="multiple" :manualInput="false" />
|
<Calendar id="multiple" v-model="dates1" selectionMode="multiple" :manualInput="false" />
|
||||||
|
|
@ -46,19 +42,23 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="buttonbar">Button Bar</label>
|
<label for="buttonbar">Button Bar</label>
|
||||||
<Calendar id="buttonbar" v-model="date7" :showButtonBar="true" />
|
<Calendar id="buttonbar" v-model="date6" :showButtonBar="true" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="time24">Time / 24h</label>
|
<label for="time24">Time / 24h</label>
|
||||||
<Calendar id="time24" v-model="date8" :showTime="true" :showSeconds="true" />
|
<Calendar id="time24" v-model="date7" :showTime="true" :showSeconds="true" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="time12">Time / 12h</label>
|
<label for="time12">Time / 12h</label>
|
||||||
<Calendar id="time12" v-model="date9" :timeOnly="true" hourFormat="12" />
|
<Calendar id="time12" v-model="date8" :timeOnly="true" hourFormat="12" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="monthpicker">Month Picker</label>
|
<label for="monthpicker">Month Picker</label>
|
||||||
<Calendar id="monthpicker" v-model="date10" view="month" dateFormat="mm/yy" :yearNavigator="true" yearRange="2000:2030" />
|
<Calendar id="monthpicker" v-model="date9" view="month" dateFormat="mm/yy" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<label for="yearpicker">Year Picker</label>
|
||||||
|
<Calendar id="yearpicker" v-model="date10" view="year" dateFormat="yy"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="multiplemonths">Multiple Months</label>
|
<label for="multiplemonths">Multiple Months</label>
|
||||||
|
|
|
||||||
|
|
@ -154,9 +154,16 @@ export default {
|
||||||
</code></pre>
|
</code></pre>
|
||||||
|
|
||||||
<h5>Month Picker</h5>
|
<h5>Month Picker</h5>
|
||||||
<p>Month picker is used to select month and year only without the date, set view mode as "month" to activate month picker.</p>
|
<p>Month picker is used to select month and year only without the date, set <i>view</i> mode as "month" to activate month picker.</p>
|
||||||
<pre v-code><code>
|
<pre v-code><code>
|
||||||
<Calendar v-model="value" view="month" dateFormat="mm/yy" :yearNavigator="true" yearRange="2000:2030" />
|
<Calendar v-model="value" view="month" dateFormat="mm/yy" />
|
||||||
|
|
||||||
|
</code></pre>
|
||||||
|
|
||||||
|
<h5>Year Picker</h5>
|
||||||
|
<p>Similar to the month picker, year picker can be used to select years only. Set <i>view</i> to "year" to display the year picker.</p>
|
||||||
|
<pre v-code><code>
|
||||||
|
<Calendar v-model="value" view="year" dateFormat="yy" />
|
||||||
|
|
||||||
</code></pre>
|
</code></pre>
|
||||||
|
|
||||||
|
|
@ -238,7 +245,7 @@ export default {
|
||||||
<td>view</td>
|
<td>view</td>
|
||||||
<td>string</td>
|
<td>string</td>
|
||||||
<td>date</td>
|
<td>date</td>
|
||||||
<td>Type of view to display, valid values are "date" for datepicker and "month" for month picker.</td>
|
<td>Type of view to display, valid values are "date", "month" and "year".</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>touchUI</td>
|
<td>touchUI</td>
|
||||||
|
|
@ -247,22 +254,23 @@ export default {
|
||||||
<td>When enabled, calendar overlay is displayed as optimized for touch devices.</td>
|
<td>When enabled, calendar overlay is displayed as optimized for touch devices.</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>monthNavigator</td>
|
<td style="text-decoration: line-through">monthNavigator</td>
|
||||||
<td>boolean</td>
|
<td>boolean</td>
|
||||||
<td>false</td>
|
<td>false</td>
|
||||||
<td>Whether the month should be rendered as a dropdown instead of text.</td>
|
<td>Whether the month should be rendered as a dropdown instead of text. <br /> <br /> <b> Deprecated: </b> Navigator is always on</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>yearNavigator</td>
|
<td style="text-decoration: line-through">yearNavigator</td>
|
||||||
<td>boolean</td>
|
<td>boolean</td>
|
||||||
<td>false</td>
|
<td>false</td>
|
||||||
<td>Whether the year should be rendered as a dropdown instead of text.</td>
|
<td>Whether the year should be rendered as a dropdown instead of text. <br /> <br /> <b> Deprecated: </b> Navigator is always on.</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>yearRange</td>
|
<td style="text-decoration: line-through">yearRange</td>
|
||||||
<td>string</td>
|
<td>string</td>
|
||||||
<td>null</td>
|
<td>null</td>
|
||||||
<td>The range of years displayed in the year drop-down in (nnnn:nnnn) format such as (2000:2020).</td>
|
<td>The range of years displayed in the year drop-down in (nnnn:nnnn) format such as (2000:2020). <br><br>
|
||||||
|
<b> Deprecated: </b> Years are based on decades by default.</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>panelClass</td>
|
<td>panelClass</td>
|
||||||
|
|
@ -600,7 +608,7 @@ export default {
|
||||||
<div class="p-fluid p-grid p-formgrid">
|
<div class="p-fluid p-grid p-formgrid">
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="basic">Basic</label>
|
<label for="basic">Basic</label>
|
||||||
<Calendar id="basic" v-model="date1" />
|
<Calendar id="basic" v-model="date1" autocomplete="off" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="dateformat">DateFormat</label>
|
<label for="dateformat">DateFormat</label>
|
||||||
|
|
@ -618,10 +626,6 @@ export default {
|
||||||
<label for="disableddays">Disabled Days</label>
|
<label for="disableddays">Disabled Days</label>
|
||||||
<Calendar id="disableddays" v-model="date5" :disabledDates="invalidDates" :disabledDays="[0,6]" :manualInput="false" />
|
<Calendar id="disableddays" v-model="date5" :disabledDates="invalidDates" :disabledDays="[0,6]" :manualInput="false" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
|
||||||
<label for="navigators">Navigators</label>
|
|
||||||
<Calendar id="navigators" v-model="date6" :monthNavigator="true" :yearNavigator="true" yearRange="2000:2030" />
|
|
||||||
</div>
|
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="multiple">Multiple</label>
|
<label for="multiple">Multiple</label>
|
||||||
<Calendar id="multiple" v-model="dates1" selectionMode="multiple" :manualInput="false" />
|
<Calendar id="multiple" v-model="dates1" selectionMode="multiple" :manualInput="false" />
|
||||||
|
|
@ -632,19 +636,23 @@ export default {
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="buttonbar">Button Bar</label>
|
<label for="buttonbar">Button Bar</label>
|
||||||
<Calendar id="buttonbar" v-model="date7" :showButtonBar="true" />
|
<Calendar id="buttonbar" v-model="date6" :showButtonBar="true" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="time24">Time / 24h</label>
|
<label for="time24">Time / 24h</label>
|
||||||
<Calendar id="time24" v-model="date8" :showTime="true" :showSeconds="true" />
|
<Calendar id="time24" v-model="date7" :showTime="true" :showSeconds="true" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="time12">Time / 12h</label>
|
<label for="time12">Time / 12h</label>
|
||||||
<Calendar id="time12" v-model="date9" :timeOnly="true" hourFormat="12" />
|
<Calendar id="time12" v-model="date8" :timeOnly="true" hourFormat="12" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="monthpicker">Month Picker</label>
|
<label for="monthpicker">Month Picker</label>
|
||||||
<Calendar id="monthpicker" v-model="date10" view="month" dateFormat="mm/yy" :yearNavigator="true" yearRange="2000:2030" />
|
<Calendar id="monthpicker" v-model="date9" view="month" dateFormat="mm/yy" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<label for="yearpicker">Year Picker</label>
|
||||||
|
<Calendar id="yearpicker" v-model="date10" view="year" dateFormat="yy"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="multiplemonths">Multiple Months</label>
|
<label for="multiplemonths">Multiple Months</label>
|
||||||
|
|
@ -733,7 +741,7 @@ export default {
|
||||||
<div class="p-fluid p-grid p-formgrid">
|
<div class="p-fluid p-grid p-formgrid">
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="basic">Basic</label>
|
<label for="basic">Basic</label>
|
||||||
<Calendar id="basic" v-model="date1" />
|
<Calendar id="basic" v-model="date1" autocomplete="off" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="dateformat">DateFormat</label>
|
<label for="dateformat">DateFormat</label>
|
||||||
|
|
@ -751,10 +759,6 @@ export default {
|
||||||
<label for="disableddays">Disabled Days</label>
|
<label for="disableddays">Disabled Days</label>
|
||||||
<Calendar id="disableddays" v-model="date5" :disabledDates="invalidDates" :disabledDays="[0,6]" :manualInput="false" />
|
<Calendar id="disableddays" v-model="date5" :disabledDates="invalidDates" :disabledDays="[0,6]" :manualInput="false" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
|
||||||
<label for="navigators">Navigators</label>
|
|
||||||
<Calendar id="navigators" v-model="date6" :monthNavigator="true" :yearNavigator="true" yearRange="2000:2030" />
|
|
||||||
</div>
|
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="multiple">Multiple</label>
|
<label for="multiple">Multiple</label>
|
||||||
<Calendar id="multiple" v-model="dates1" selectionMode="multiple" :manualInput="false" />
|
<Calendar id="multiple" v-model="dates1" selectionMode="multiple" :manualInput="false" />
|
||||||
|
|
@ -765,19 +769,23 @@ export default {
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="buttonbar">Button Bar</label>
|
<label for="buttonbar">Button Bar</label>
|
||||||
<Calendar id="buttonbar" v-model="date7" :showButtonBar="true" />
|
<Calendar id="buttonbar" v-model="date6" :showButtonBar="true" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="time24">Time / 24h</label>
|
<label for="time24">Time / 24h</label>
|
||||||
<Calendar id="time24" v-model="date8" :showTime="true" :showSeconds="true" />
|
<Calendar id="time24" v-model="date7" :showTime="true" :showSeconds="true" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="time12">Time / 12h</label>
|
<label for="time12">Time / 12h</label>
|
||||||
<Calendar id="time12" v-model="date9" :timeOnly="true" hourFormat="12" />
|
<Calendar id="time12" v-model="date8" :timeOnly="true" hourFormat="12" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="monthpicker">Month Picker</label>
|
<label for="monthpicker">Month Picker</label>
|
||||||
<Calendar id="monthpicker" v-model="date10" view="month" dateFormat="mm/yy" :yearNavigator="true" yearRange="2000:2030" />
|
<Calendar id="monthpicker" v-model="date9" view="month" dateFormat="mm/yy" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<label for="yearpicker">Year Picker</label>
|
||||||
|
<Calendar id="yearpicker" v-model="date10" view="year" dateFormat="yy"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="multiplemonths">Multiple Months</label>
|
<label for="multiplemonths">Multiple Months</label>
|
||||||
|
|
@ -866,73 +874,73 @@ export default {
|
||||||
<div class="p-fluid p-grid p-formgrid">
|
<div class="p-fluid p-grid p-formgrid">
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="basic">Basic</label>
|
<label for="basic">Basic</label>
|
||||||
<p-calendar id="basic" v-model="date1"></p-calendar>
|
<Calendar id="basic" v-model="date1" autocomplete="off" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="dateformat">DateFormat</label>
|
<label for="dateformat">DateFormat</label>
|
||||||
<p-calendar id="dateformat" v-model="date2" date-format="mm-dd-yy"></p-calendar>
|
<Calendar id="dateformat" v-model="date2" dateFormat="mm-dd-yy" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="icon">Icon</label>
|
<label for="icon">Icon</label>
|
||||||
<p-calendar id="icon" v-model="date3" :show-icon="true"></p-calendar>
|
<Calendar id="icon" v-model="date3" :showIcon="true" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="minmax">MinMax</label>
|
<label for="minmax">MinMax</label>
|
||||||
<p-calendar id="minmax" v-model="date4" :min-date="minDate" :max-date="maxDate" :manual-input="false"></p-calendar>
|
<Calendar id="minmax" v-model="date4" :minDate="minDate" :maxDate="maxDate" :manualInput="false" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="disableddays">Disabled Days</label>
|
<label for="disableddays">Disabled Days</label>
|
||||||
<p-calendar id="disableddays" v-model="date5" :disabled-dates="invalidDates" :disabled-days="[0,6]" :manual-input="false"></p-calendar>
|
<Calendar id="disableddays" v-model="date5" :disabledDates="invalidDates" :disabledDays="[0,6]" :manualInput="false" />
|
||||||
</div>
|
|
||||||
<div class="p-field p-col-12 p-md-4">
|
|
||||||
<label for="navigators">Navigators</label>
|
|
||||||
<p-calendar id="navigators" v-model="date6" :month-navigator="true" :year-navigator="true" year-range="2000:2030"></p-calendar>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="multiple">Multiple</label>
|
<label for="multiple">Multiple</label>
|
||||||
<p-calendar id="multiple" v-model="dates1" selection-mode="multiple" :manual-input="false"></p-calendar>
|
<Calendar id="multiple" v-model="dates1" selectionMode="multiple" :manualInput="false" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="range">Range</label>
|
<label for="range">Range</label>
|
||||||
<p-calendar id="range" v-model="dates2" selection-mode="range" :manual-input="false"></p-calendar>
|
<Calendar id="range" v-model="dates2" selectionMode="range" :manualInput="false" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="buttonbar">Button Bar</label>
|
<label for="buttonbar">Button Bar</label>
|
||||||
<p-calendar id="buttonbar" v-model="date7" :show-button-bar="true"></p-calendar>
|
<Calendar id="buttonbar" v-model="date6" :showButtonBar="true" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="time24">Time / 24h</label>
|
<label for="time24">Time / 24h</label>
|
||||||
<p-calendar id="time24" v-model="date8" :show-time="true" :show-seconds="true"></p-calendar>
|
<Calendar id="time24" v-model="date7" :showTime="true" :showSeconds="true" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="time12">Time / 12h</label>
|
<label for="time12">Time / 12h</label>
|
||||||
<p-calendar id="time12" v-model="date9" :time-only="true" hour-format="12"></p-calendar>
|
<Calendar id="time12" v-model="date8" :timeOnly="true" hourFormat="12" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="monthpicker">Month Picker</label>
|
<label for="monthpicker">Month Picker</label>
|
||||||
<p-calendar id="monthpicker" v-model="date10" view="month" date-format="mm/yy" :year-navigator="true" year-range="2000:2030"></p-calendar>
|
<Calendar id="monthpicker" v-model="date9" view="month" dateFormat="mm/yy" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<label for="yearpicker">Year Picker</label>
|
||||||
|
<Calendar id="yearpicker" v-model="date10" view="year" dateFormat="yy"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="multiplemonths">Multiple Months</label>
|
<label for="multiplemonths">Multiple Months</label>
|
||||||
<p-calendar id="multiplemonths" v-model="date11" :number-of-months="3"></p-calendar>
|
<Calendar id="multiplemonths" v-model="date11" :numberOfMonths="3" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="datetemplate">Date Template</label>
|
<label for="datetemplate">Date Template</label>
|
||||||
<p-calendar id="datetemplate" v-model="date12">
|
<Calendar id="datetemplate" v-model="date12">
|
||||||
<template #date="slotProps">
|
<template #date="slotProps">
|
||||||
<strong v-if="slotProps.date.day > 10 && slotProps.date.day < 15" class="special-day">{{slotProps.date.day}}</strong>
|
<strong v-if="slotProps.date.day > 10 && slotProps.date.day < 15" class="special-day">{{slotProps.date.day}}</strong>
|
||||||
<template v-else>{{slotProps.date.day}}</template>
|
<template v-else>{{slotProps.date.day}}</template>
|
||||||
</template>
|
</template>
|
||||||
</p-calendar>
|
</Calendar>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<label for="touchUI">TouchUI</label>
|
<label for="touchUI">TouchUI</label>
|
||||||
<p-calendar id="touchUI" v-model="date13" :touch-u-i="true"></p-calendar>
|
<Calendar id="touchUI" v-model="date13" :touchUI="true" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h5>Inline</h5>
|
<h5>Inline</h5>
|
||||||
<p-calendar v-model="date14" :inline="true" :show-week="true" />
|
<Calendar v-model="date14" :inline="true" :showWeek="true" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script type="module">
|
<script type="module">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue