add email widget

src/EmailWidget/EmailWidget.tsx

@@ -0,0 +1,54 @@
+import React from 'react';
+
+import FormControl from '@material-ui/core/FormControl';
+import TextField from '@material-ui/core/TextField';
+
+import { WidgetProps } from 'react-jsonschema-form';
+
+const EmailWidget = ({
+  id,
+  required,
+  readonly,
+  disabled,
+  label,
+  value,
+  onChange,
+  onBlur,
+  onFocus,
+  autofocus,
+  options,
+  schema,
+}: WidgetProps) => {
+  const _onChange = ({
+    target: { value },
+  }: React.ChangeEvent<HTMLInputElement>) =>
+    onChange(value === '' ? options.emptyValue : value);
+  const _onBlur = ({ target: { value } }: React.FocusEvent<HTMLInputElement>) =>
+    onBlur(id, value);
+  const _onFocus = ({
+    target: { value },
+  }: React.FocusEvent<HTMLInputElement>) => onFocus(id, value);
+
+  return (
+    <FormControl
+      fullWidth={true}
+      //error={!!rawErrors}
+      required={required}
+    >
+      <TextField
+        id={id}
+        label={label || schema.title}
+        autoFocus={autofocus}
+        required={required}
+        disabled={disabled || readonly}
+        type="email"
+        value={value ? value : ''}
+        onChange={_onChange}
+        onBlur={_onBlur}
+        onFocus={_onFocus}
+      />
+    </FormControl>
+  );
+};
+
+export default EmailWidget;

src/EmailWidget/index.tsx

@@ -0,0 +1,2 @@
+export { default } from './EmailWidget';
+export * from './EmailWidget';

src/TextWidget/TextWidget.tsx

@@ -41,7 +41,7 @@ const TextWidget = ({
         autoFocus={autofocus}
         required={required}
         disabled={disabled || readonly}
-        type={schema.type as string}
+        type="text"
         value={value ? value : ''}
         onChange={_onChange}
         onBlur={_onBlur}

src/Widgets/Widgets.ts

@@ -7,6 +7,7 @@ import SelectWidget from '../SelectWidget/SelectWidget';
 import TextareaWidget from '../TextareaWidget/TextareaWidget';
 import TextWidget from '../TextWidget/TextWidget';
 import UpDownWidget from '../UpDownWidget/UpDownWidget';
+import EmailWidget from '../EmailWidget/EmailWidget';
 
 export default {
   CheckboxWidget,
@@ -18,4 +19,5 @@ export default {
   TextareaWidget,
   TextWidget,
   UpDownWidget,
+  EmailWidget,
 };