Method render

core/src/components/picker/picker.tsx:536–569

()

  };

  render() {
    return (
      <Host onPointerDown={(ev: PointerEvent) => this.onPointerDown(ev)} onClick={() => this.onClick()}>
        <input
          aria-hidden="true"
          tabindex={-1}
          inputmode="numeric"
          type="number"
          onKeyDown={(ev: KeyboardEvent) => {
            /**
             * The "Enter" key represents
             * the user submitting their time
             * selection, so we should blur the
             * input (and therefore close the keyboard)
             *
             * Updating the picker's state to no longer
             * be in input mode is handled in the onBlur
             * callback below.
             */
            if (ev.key === 'Enter') {
              this.inputEl?.blur();
            }
          }}
          ref={(el) => (this.inputEl = el)}
          onInput={() => this.onInputChange()}
          onBlur={() => this.exitInputMode()}
        />
        <div class="picker-before"></div>
        <div class="picker-after"></div>
        <div class="picker-highlight" ref={(el) => (this.highlightEl = el)}></div>
        <slot></slot>
      </Host>
    );
  }
}