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

feat(datetime): add size property (#23649)

Browse Source 
resolves #23518
This commit is contained in:
William Martin
2021-07-20 12:31:38 -04:00
committed by GitHub
parent 2c07a1566b
commit 321341d97d
13 changed files with 184 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
core/src/components/datetime/datetime.tsx
View File

@ -318,6 +318,12 @@ export class Datetime implements ComponentInterface {
*/
@Prop() showDefaultTimeLabel = true;
/**
* If `cover`, the `ion-datetime` will expand to cover the full width of its container.
* If `fixed`, the `ion-datetime` will have a fixed width.
*/
@Prop() size: 'cover' | 'fixed' = 'fixed';
/**
* Emitted when the datetime selection was cancelled.
*/
@ -1525,7 +1531,7 @@ export class Datetime implements ComponentInterface {
}
render() {
const { name, value, disabled, el, color, isPresented, readonly, showMonthAndYear, presentation } = this;
const { name, value, disabled, el, color, isPresented, readonly, showMonthAndYear, presentation, size } = this;
const mode = getIonMode(this);
renderHiddenInput(true, el, name, value, disabled);
@ -1540,7 +1546,8 @@ export class Datetime implements ComponentInterface {
['datetime-readonly']: readonly,
['datetime-disabled']: disabled,
'show-month-and-year': showMonthAndYear,
[`datetime-presentation-${presentation}`]: true
[`datetime-presentation-${presentation}`]: true,
[`datetime-size-${size}`]: true
})
}}
>