Files
Lauri Ojansivu 236676ff53 Show a full-width calendar directly in date popups
Keep the selected calendar grid visible on opening and after selecting a day, including for Gregorian dates. Stack popup fields, size day buttons within their cells and show only hour/minute dropdowns while retaining the hidden combined value for existing save handlers. Update documentation and popup regressions.

Thanks to xet7 !
2026-09-12 21:01:41 +03:00

54 lines
1.1 KiB
CSS

.datepicker-container .fields {
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 15px;
}
.datepicker-container .fields .left {
flex: 1;
min-width: 0;
float: none;
order: 1;
width: auto;
}
.datepicker-container .fields .right {
flex: 1;
min-width: 0;
float: none;
order: 2;
width: auto;
}
.datepicker-container .fields input[type='date'],
.datepicker-container .fields .js-time-field {
box-sizing: border-box;
max-width: 100%;
width: 100%;
}
.datepicker-container .fields .custom-field-date-copy {
align-items: center;
display: flex;
flex: 0 0 auto;
order: 3;
padding-top: 0;
}
.datepicker-container .fields .custom-field-date-copy .custom-field-copy-control {
inset: auto;
position: static;
}
.datepicker-container .datepicker {
width: 100%;
}
.datepicker-container .datepicker table {
width: 100%;
border: none;
border-spacing: 0;
border-collapse: collapse;
}
.datepicker-container .datepicker table thead {
background: none;
}
.datepicker-container .datepicker table td,
.datepicker-container .datepicker table th {
box-sizing: border-box;
}