Skip to content

andarasophan/reactanggal

Repository files navigation

reactanggal

NPM JavaScript Style Guide Downloads License

A date picker component for React

  • Keyboard accessibility support

Install

npm install --save reactanggal

Usage

import React, { useState } from 'react'
import Reactanggal from 'reactanggal'
import 'reactanggal/dist/reactanggal.css'

const App = () => {
  const [date, setDate] = useState(new Date())

  return (
    <Reactanggal
      selected={date}
      onChange={setDate}
    />
  )
}

Props

Key Default Value Type Description
selected undefined Date / null / undefined Selected date value
onChange undefined function Handle date changes
minDate undefined Date / null / undefined Set minimum date to select & disable earlier dates
maxDate undefined Date / null / undefined Set maximum date to select & disable later dates
showOutsideMonth false boolean Show or hide dates that fall outside the current month

License

MIT © andarasophan