@optios/react-date-time-range-picker

React date/time range picker

:warning: WORK IN PROGRESS

React date/time range picker is a javascript library for react that presents a nice and useable calender. Single dates and ranges are supported.

Installation

Use the package manager npm to install date/time range picker.

npm i @optios/react-date-time-range-picker

Usage

import DateTimeRangePicker from '@optios/react-date-time-range-picker'

<div>
    <DateTimeRangePicker  />
</div>

Example with property Time enabled

Example with property Range enabled

Properties

property	type	description
date	boolean	set to false to disable the date selection
time	boolean	set to true to display the time below the calendar
range	boolean	set to true to select multiple days value
fromDate	Moment	set a date from where the user can start to select from
untilDate	Moment	set a date to where the user can select to
months	number	the number of months you want to show default: 1
onChange	function	pass a custom function to handle the changes detected in the calendar : (fromDate, untilDate) => console.log(fromDate, untilDate)

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

GPL-3.0-or-later