react-datepicker-ui
Date picker component for React
How to Install
Make sure you have Node.js and NPM installed.
Dependencies for the packge is [moment]
npm install react-datepicker-ui momentOr
yarn add react-datepicker-ui momentHow to Use
import React from 'react'
import DatePickerInput from 'react-datepicker-ui'
const DatePicker = () => {
const handleOnChange = (date) => {
console.log('date', date)
}
return (
<DatePickerInput
onChange={handleOnChange}
/>
)
}Demo
Check out Online Demo here.
import React from 'react'
import moment from 'moment'
import DatePickerInput from 'react-datepicker-ui'
const DatePickerDemo = () => {
const handleOnChange = (date) => {
console.log('date', date)
}
const minDate = moment()
const maxDate = moment().add(1, 'M')
return (
<DatePickerInput
onChange={handleOnChange}
minDate={minDate}
maxDate={maxDate}
placeholder="DD/MM/YYYY"
format="DD/MM/YYYY"
/>
)
}Available PropTypes
| Prop Name | Type | Default Value | Description |
|---|---|---|---|
| defaultValue | String | '' | Initial Value for datepicker |
| format | String | 'MM/DD/YYYY' | Format of the date to be returned |
| minDate | Date | null | Disable dates before mentioned dates to select |
| maxDate | Date | null | Disable dates after mentioned dates to select |
| onChange | Function | null | Callback function to get the selected date |
| placeholder | String | 'MM/DD/YYYY' | Placeholder to display on input |
