Use KeyboardDatePicker for formik integration example

mui · Jul 19, 2019 · caea115 · caea115
1 parent 81da8e5
commit caea115
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/docs/pages/guides/Formik.example.jsx b/docs/pages/guides/Formik.example.jsx
@@ -2,12 +2,12 @@ import React from 'react';
 import Code from '../../_shared/Code';
 import { Grid } from '@material-ui/core';
 import { Formik, Form, Field } from 'formik';
-import { DatePicker } from '@material-ui/pickers';
+import { KeyboardDatePicker } from '@material-ui/pickers';
 
 const DatePickerField = ({ field, form, ...other }) => {
   const currentError = form.errors[field.name];
   return (
-    <DatePicker
+    <KeyboardDatePicker
       clearable
       disablePast
       name={field.name}
@@ -16,7 +16,7 @@ const DatePickerField = ({ field, form, ...other }) => {
       helperText={currentError}
       error={Boolean(currentError)}
       onError={(_, error) => form.setFieldError(field.name, error)}
-      onChange={date => form.setFieldValue(field.name, date, true)}
+      onChange={date => date && form.setFieldValue(field.name, date, true)}
       {...other}
     />
   );