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 parts support for placeholder, text (#20930)

Browse Source
This commit is contained in:
Liam DeBeasi
2020-04-23 12:20:25 -04:00
committed by GitHub
parent 63c75edd21
commit 76ca475734
4 changed files with 27 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,6 +10,9 @@ import { DatetimeData, LocaleData, convertDataToISO, convertFormatToKey, convert
/**
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
*
* @part text - The value of the datetime.
* @part placeholder - The placeholder of the datetime.
*/
@Component({
tag: 'ion-datetime',
@ -609,6 +612,10 @@ export class Datetime implements ComponentInterface {
? (placeholder != null ? placeholder : '')
: text;
const datetimeTextPart = text === undefined
? (placeholder != null ? 'placeholder' : undefined)
: 'text';
if (label) {
label.id = labelId;
}
@ -631,7 +638,7 @@ export class Datetime implements ComponentInterface {
'in-item': hostContext('ion-item', el)
}}
>
<div class="datetime-text">{datetimeText}</div>
<div class="datetime-text" part={datetimeTextPart}>{datetimeText}</div>
<button
type="button"
onFocus={this.onFocus}