mui-formik

Bleeding edge Formik Material-UI Bindings. material-ui@next and Formik name only binds. Check out the storybook.

yarn add mui-formik

Usage

import React, { Component } from 'react'

import { DateTimePicker } from 'mui-formik'
import AdapterDayjs from '@material-ui/lab/AdapterDayjs' // or any other adapter you please
import LocalizationProvider from '@material-ui/lab/LocalizationProvider'
import { Formik, Form } from 'formik'

function Example() {
  return (
    <LocalizationProvider dateAdapter={AdapterDayjs}>
      <Formik
        onSubmit={(values) => {
          console.log(values.date)
        }}
      >
        <Form>
          <DateTimePicker name='date' />
        </Form>
      </Formik>
    </LocalizationProvider>
  )
}

License

MIT © medorrohealth