Datepicker-library-oc NPM

datepicker-library-oc

A simple datepicker made with React

Install

npm install --save datepicker-library-oc

Usage

All available props are shown in the next section. To get a selected date's value, you need a function that will return it, or put it in your state. You can then call that function in the onChange prop.

import React, { Component } from "react";

import DatePicker from "datepicker-library-oc";
import "datepicker-library-oc/dist/index.css";

function Example() {
  const [date, setDate] = useState("");
  const handleChange = (selectedDate) => {
    setDate(selectedDate);
  };

  return <DatePicker onChange={handleChange} />;
}

Props

Prop	Type	Default value
onChange	Function	Return null. Should be present in every datepicker component with a function as a value
inputIcon	Boolean	false
closeButton	Boolean	true
highlightToday	Boolean	true
lang	String	"en" (also available for now : "fr")
startYear	Number	null (or current year)
startMonth	Number	null (or current month index). The month index goes from 0 (january) to 11 (december).