tp-elements/tp-date-input
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add part for inner inputs

Browse Source
This commit is contained in:
trading_peter 2023-09-16 22:32:00 +02:00
parent 49025783ed
commit b55e71d144
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@tp/tp-date-input", "name": "@tp/tp-date-input",
"version": "0.2.0", "version": "1.0.0",
"description": "", "description": "",
"main": "tp-date-input.js", "main": "tp-date-input.js",
"scripts": { "scripts": {

6
tp-date-input.js
View File

@ -87,15 +87,15 @@ class TpDateInput extends EventHelpers(ControlState(FormElement(LitElement))) {
return html` return html`
<div class="wrap" part="wrap"> <div class="wrap" part="wrap">
<tp-input part="input ${this._setClass(0)}" exportparts="wrap:innerwrap" class=${this._setClass(0)} .value=${this._input0} @change=${this._inputChanged} .validator=${this._setValidator(0)} .autoValidate=${autoValidate} .readonly=${readonly} .required=${required}> <tp-input part="input ${this._setClass(0)}" exportparts="wrap:innerwrap" class=${this._setClass(0)} .value=${this._input0} @change=${this._inputChanged} .validator=${this._setValidator(0)} .autoValidate=${autoValidate} .readonly=${readonly} .required=${required}>
<input type="text" placeholder=${this._setPlaceholder(0)}> <input type="text" part="innerinput" placeholder=${this._setPlaceholder(0)}>
</tp-input> </tp-input>
<div part="delimiter">${delimiter}</div> <div part="delimiter">${delimiter}</div>
<tp-input part="input ${this._setClass(1)}" exportparts="wrap:innerwrap" class=${this._setClass(1)} .value=${this._input1} @change=${this._inputChanged} .validator=${this._setValidator(1)} .autoValidate=${autoValidate} .readonly=${readonly} .required=${required}> <tp-input part="input ${this._setClass(1)}" exportparts="wrap:innerwrap" class=${this._setClass(1)} .value=${this._input1} @change=${this._inputChanged} .validator=${this._setValidator(1)} .autoValidate=${autoValidate} .readonly=${readonly} .required=${required}>
<input type="text" placeholder=${this._setPlaceholder(1)}> <input type="text" part="innerinput" placeholder=${this._setPlaceholder(1)}>
</tp-input> </tp-input>
<div part="delimiter">${delimiter}</div> <div part="delimiter">${delimiter}</div>
<tp-input part="input ${this._setClass(2)}" exportparts="wrap:innerwrap" class=${this._setClass(2)} .value=${this._input2} @change=${this._inputChanged} .validator=${this._setValidator(2)} .autoValidate=${autoValidate} .readonly=${readonly} .required=${required}> <tp-input part="input ${this._setClass(2)}" exportparts="wrap:innerwrap" class=${this._setClass(2)} .value=${this._input2} @change=${this._inputChanged} .validator=${this._setValidator(2)} .autoValidate=${autoValidate} .readonly=${readonly} .required=${required}>
<input type="text" placeholder=${this._setPlaceholder(2)}> <input type="text" part="innerinput" placeholder=${this._setPlaceholder(2)}>
</tp-input> </tp-input>
<div class="more"> <div class="more">
<slot></slot> <slot></slot>