javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 20:33:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(datetime-button): add button for displaying datetime in overlays (#25655)

Browse Source 
resolves #24316
This commit is contained in:
Liam DeBeasi
2022-07-27 09:47:02 -04:00
committed by GitHub
parent 52f0b22778
commit 499733105e
59 changed files with 1514 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
core/src/css/core.scss
View File

@ -339,3 +339,26 @@ ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-ex
ion-input input::-webkit-date-and-time-value {
text-align: start;
}
/**
* The .ion-datetime-button-overlay class contains
* styles that allow any modal/popover to be
* sized according to the dimensions of the datetime
* when used with ion-datetime-button.
*/
.ion-datetime-button-overlay {
--width: fit-content;
--height: fit-content;
}
/**
* The grid variant can scale down when inline.
* When used in a `fit-content` overlay, this causes
* the overlay to shrink when the month/year picker is open.
* Explicitly setting the dimensions lets us have a consistently
* sized grid interface.
*/
.ion-datetime-button-overlay ion-datetime.datetime-grid {
width: 320px;
min-height: 320px;
}