# React Nepali Datepicker

Integrate Nepali Datepicker in your React app easily.

## Installation
* Install by executing `npm i react-np-datepicker` or `yarn add react-np-datepicker`.
* Import by adding `import { NepaliDatePicker } from 'react-np-datepicker'`.

### Demo Link
https://codesandbox.io/s/nepali-date-picker-0f3d1

## Props

Common props you may want to specify include:

- `className` - apply a className to the control
- `classNameInput` - apply classNames to input field
- `name` - generate an HTML input with this name, containing the current value
- `onChange` -  change events
- `placeholder` - change the text displayed when no date is defined
- `value` - control the current value
- `format` - change the date format i.e.('YYYY-MM-DD' && 'YYYY/MM/DD') only

### Usage

Here's an example of basic usage:

```js
import React, { useState } from 'react';
import { NepaliDatePicker, BSDate } from 'react-np-datepicker';

const now = new BSDate.now();

function MyApp() {
  const [date, setDate] = useState(now);

  const handleDate = date => {
    setDate(date);
    console.log('Date',date);
  }

  return (
        <NepaliDatePicker
            value={date}
            format="YYYY-MM-DD"
            onChange={handleDate}
        />
  );
}
```