react-datepicker-dayjs v1.2.8

React DatePicker

Simple datepicker on React + dayjs

Installation

npm install react-datepicker-dayjs
npm install dayjs

Or via yarn:

yarn add react-datepicker-dayjs
yarn add dayjs

import { useState } from 'react'
import { CalendarPicker } from 'react-datepicker-dayjs'
// if need a default styles
import 'react-datepicker-dayjs/dist/style.css'

function App() {
    // dayjs default return is string format
	const [date, setDate] = useState<string>()
	
	return (
		<CalendarPicker value={date} onChange={setDate} />
	)
}

Use with react-hook-form

import { CalendarPicker } from 'react-datepicker-dayjs'
import { useFormContext, Controller } from 'react-hook-form'
// if need a default styles
import 'react-datepicker-dayjs/dist/style.css'

function App() {
        const { control } = useFormContext()
	return (
            <Controller
                control={control}
                render={({ field: { onChange, value }}) => (
                <CalendarPicker
                    value={value}
                    onChange={onChange}
                />
            )}
            name={'your-key'}
        />
	)
}

Todos

• Tests
• Documentation

Please create a discussion if you have any comments or suggestions, thank you.