Install

yarn add --dev @tinychange/chakra-hook-form @tinychange/chakra-datepicker react-select react-datepicker

// Inject style for Datepicker
import { chakraDatePickerStyle } from '@tinychange/chakra-datepicker'

export const styles = {
  global: {
    ...chakraDatePickerStyle,
  },
}

Usage

import { Form, Input } from '@tinychange/chakra-hook-form'


const { register } = useForm()

<Input label="name" inputProps={register('name')} />
// ...

Inject default theme

// Inject style for Datepicker
import { defaultTheme } from '@tinychange/chakra-hook-form'

export const theme = extendTheme(defaultTheme, yourCustomTheme)