mui-formik

Bleeding edge Formik Material-UI Bindings. material-ui@next and Formik name only binds. Check out the storybook. Purely functional with react hook bindings to formik

yarn add @robotalienunicorn/mui-formik

Usage

import React, { Component } from 'react'

import { DateTimePicker } from 'mui-formik'
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
import { LocalizationProvider } from '@mui/x-date-pickers';
import { Formik, Form } from 'formik'

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

License

MIT © robotalienunicorn