Install

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

1// Inject style for Datepicker
2import { chakraDatePickerStyle } from '@tinychange/chakra-datepicker'
3
4export const styles = {
5  global: {
6    ...chakraDatePickerStyle,
7  },
8}

Usage

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


const { register } = useForm()

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

Inject default theme

1// Inject style for Datepicker
2import { defaultTheme } from '@tinychange/chakra-hook-form'
3
4export const theme = extendTheme(defaultTheme, yourCustomTheme)