fix(input): input can be selected by type

reflect `type` on host
add type on part

fixes: #40

packages/core/api.txt

@@ -177,7 +177,7 @@ pop-input,prop,required,boolean,undefined,false,true
 pop-input,prop,size,"lg" | "md" | "sm" | "xs",undefined,false,true
 pop-input,prop,spellcheck,boolean,undefined,false,false
 pop-input,prop,step,string,undefined,false,false
-pop-input,prop,type,"date" | "datetime-local" | "email" | "month" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | "week",'text',false,false
+pop-input,prop,type,"date" | "datetime-local" | "email" | "month" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | "week",'text',false,true
 pop-input,prop,value,number | string,'',false,false
 pop-input,method,setFocus,setFocus() => Promise<void>
 pop-input,event,popBlur,void,true

packages/core/src/components/input/input.tsx

@@ -56,7 +56,7 @@ export class Input implements ComponentInterface {
   /**
    * The type of control to display. The default type is text.
    */
-  @Prop({ mutable: true }) type: InputType = 'text';
+  @Prop({ reflect: true, mutable: true }) type: InputType = 'text';
 
   /**
    * Instructional text that shows before the input has a value.
@@ -444,7 +444,7 @@ export class Input implements ComponentInterface {
         >
           <slot name="start" />
           <input
-            part="native"
+            part={`native ${this.type}`}
             id={inputId}
             name={this.name}
             type={this.type}