1.0.3 • Published 3 years ago

react-datepicker-ui v1.0.3

Weekly downloads
-
License
ISC
Repository
github
Last release
3 years ago

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

Datepicker 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 NameTypeDefault ValueDescription
defaultValueString''Initial Value for datepicker
formatString'MM/DD/YYYY'Format of the date to be returned
minDateDatenullDisable dates before mentioned dates to select
maxDateDatenullDisable dates after mentioned dates to select
onChangeFunctionnullCallback function to get the selected date
placeholderString'MM/DD/YYYY'Placeholder to display on input