@wjkang/react-ui-date-picker

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} />;
}