Pickers make Formik consider the Form to be always invalid

Including the TimePicker, DatePicker or DateTimePicker in a form makes Formik consider the form as invalid. The errors property for the picker is set to an empty string and apparently that makes the form invalid.

Consider the following example:

import * as React from "react";
import { Formik, Form } from "formik";
import { TextField } from 'formik-material-ui'
import {
  TimePicker,
  DatePicker,
  DateTimePicker
} from "formik-material-ui-pickers";
import { MuiPickersUtilsProvider } from "@material-ui/pickers";
import DateFnsUtils from "@date-io/date-fns";

export default function App() {
  return (
    <MuiPickersUtilsProvider utils={DateFnsUtils}>
      <Formik
        initialValues={{
          email: "",
          dateTime: new Date()
        }}
      >
        {({ errors, isValid }) => (
          <Form>
            <TextField name="field" label="Field" />
            <br />
            <TimePicker name="time" label="Time" />
            <br />
            <DatePicker name="date" label="Date" />
            <br />
            <DateTimePicker name="dateTime" label="Date Time" />
            <br />
            errors:
            <pre>{JSON.stringify(errors, null, 2)}</pre>
            isValid: {isValid ? "true" : "false"}
          </Form>
        )}
      </Formik>
    </MuiPickersUtilsProvider>
  );
}

this will show errors to be:

{
  "time": "",
  "date": "",
  "dateTime": ""
}

and the isValid field to be false. https://codesandbox.io/s/sad-moore-i4b4k

[CharlestonREM]

time and date pickers default to current timestamp even if initialValues are set to empty strings

The initial values are set to empty strings, but somehow the fields supply the current time. The pickers are based on the codesandbox date picker and time picker.

This was not the problem. I needed to set the value of the date picker and time picker fields to null in the initial values.

https://github.com/stackworx/formik-material-ui/issues/147#issuecomment-785355948

[CharlestonREM]

time and date pickers default to current timestamp even if initialValues are set to empty strings

The initial values are set to empty strings, but somehow the fields supply the current time. The pickers are based on the codesandbox date picker and time picker.