1.0.3 • Published 3 years ago
react-datepicker-ui v1.0.3
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 moment
Or
yarn add react-datepicker-ui moment
How 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 |