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 readonly prop (#17139)

Browse Source
This commit is contained in:
Simon Hänisch
2019-01-19 05:24:58 +13:00
committed by Manu MA
parent a6559a4ef4
commit d513e8a952
7 changed files with 28 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -44,6 +44,11 @@ export class Datetime implements ComponentInterface {
*/
@Prop() disabled = false;
/**
* If `true`, the datetime appears normal but is not interactive.
*/
@Prop() readonly = false;
@Watch('disabled')
protected disabledChanged() {
this.emitStyle();
@ -544,7 +549,7 @@ export class Datetime implements ComponentInterface {
}
hostData() {
const { inputId, disabled, isExpanded, el, placeholder } = this;
const { inputId, disabled, readonly, isExpanded, el, placeholder } = this;
const addPlaceholderClass =
(this.getText() === undefined && placeholder != null) ? true : false;
@ -563,6 +568,7 @@ export class Datetime implements ComponentInterface {
'aria-labelledby': labelId,
class: {
'datetime-disabled': disabled,
'datetime-readonly': readonly,
'datetime-placeholder': addPlaceholderClass,
'in-item': hostContext('ion-item', el)
}