React Simple Multi-Date Picker
A simple date picker React component
Available Props
Props | Type | Default |
---|---|---|
onChange | (selectedDate: Date[]) => void | - |
width | string | '100%' |
singleSelect | boolean | false |
headerFormat | string | 'MMM, Y' |
selectedBackgroundColor | string | 'rgb(168,85,247)' |
selectedTextColor | string | 'rgb(255, 255, 255)' |
textColor | string | 'rgb(51, 51, 51)' |
disableResetButton | boolean | false |
disableTodayButton | boolean | false |
allowPastSelect | boolean | false |
Installation
npm install @wjkang/react-ui-date-picker date-fns
Example
Allow access to selected values by onChange
callback
import { useState } from 'react';
import { DatePicker } from '@wjkang/react-ui-date-picker';
export default function CallbackExample() {
const [selectedDate, setSelectedDate] = useState<Date[]>([]);
return <DatePicker onChange={setSelectedDate} />;
}