diff --git a/packages/calcite-components/src/components/input-number/input-number.tsx b/packages/calcite-components/src/components/input-number/input-number.tsx index 56e6b1c4af0..ac3a9d14042 100644 --- a/packages/calcite-components/src/components/input-number/input-number.tsx +++ b/packages/calcite-components/src/components/input-number/input-number.tsx @@ -1095,8 +1095,8 @@ export class InputNumber autofocus={this.el.autofocus ? true : null} defaultValue={this.defaultValue} disabled={this.disabled ? true : null} - enterKeyHint={this.el.enterKeyHint} - inputMode={this.el.inputMode || "decimal"} + enterKeyHint={this.el.enterKeyHint || this.el.getAttribute("enterkeyhint")} + inputMode={this.el.inputMode || this.el.getAttribute("inputmode") || "decimal"} key="localized-input" maxLength={this.maxLength} minLength={this.minLength} diff --git a/packages/calcite-components/src/components/input-text/input-text.tsx b/packages/calcite-components/src/components/input-text/input-text.tsx index 56a53b63545..746d854f78a 100644 --- a/packages/calcite-components/src/components/input-text/input-text.tsx +++ b/packages/calcite-components/src/components/input-text/input-text.tsx @@ -680,8 +680,8 @@ export class InputText }} defaultValue={this.defaultValue} disabled={this.disabled ? true : null} - enterKeyHint={this.el.enterKeyHint} - inputMode={this.el.inputMode} + enterKeyHint={this.el.enterKeyHint || this.el.getAttribute("enterkeyhint")} + inputMode={this.el.inputMode || this.el.getAttribute("inputmode")} maxLength={this.maxLength} minLength={this.minLength} name={this.name} diff --git a/packages/calcite-components/src/components/input-time-picker/input-time-picker.tsx b/packages/calcite-components/src/components/input-time-picker/input-time-picker.tsx index b4ed46414a4..84260c9a7f8 100644 --- a/packages/calcite-components/src/components/input-time-picker/input-time-picker.tsx +++ b/packages/calcite-components/src/components/input-time-picker/input-time-picker.tsx @@ -363,7 +363,7 @@ export class InputTimePicker @Element() el: HTMLCalciteInputTimePickerElement; - @State() calciteInputEl: HTMLCalciteInputElement; + @State() calciteInputEl: HTMLCalciteInputTextElement; defaultValue: InputTimePicker["value"]; @@ -853,7 +853,7 @@ export class InputTimePicker this.openHandler(); }; - private setInputEl = (el: HTMLCalciteInputElement): void => { + private setInputEl = (el: HTMLCalciteInputTextElement): void => { this.calciteInputEl = el; }; diff --git a/packages/calcite-components/src/components/input/input.tsx b/packages/calcite-components/src/components/input/input.tsx index ac0a6b14c9d..82bb21206ce 100644 --- a/packages/calcite-components/src/components/input/input.tsx +++ b/packages/calcite-components/src/components/input/input.tsx @@ -1171,9 +1171,9 @@ export class Input const prefixText =