# nepali-date-react

> 1. Provides Nepali Date Picker 2. Provides Nepali Date in string format. 3. Converts Nepali Date to equivalent english date. 4. Provides English Date in string format

Latest version **1.0.2** (published 2022-11-24) · ISC license · 0 weekly downloads

## Install

```sh
npm install nepali-date-react
pnpm add nepali-date-react
yarn add nepali-date-react
bun add nepali-date-react
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2022-11-24 |
| First published | 2022-11-24 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 10 |
| Unpacked size | 30.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Ayush thapa |
| Maintainers | ayushthapa |
| Keywords | nepali, date, nepali, date, picker, nepali, date, converter, nepali, to, english, date, converter, nepali, date, picker, converter |

## Links

- npm: https://www.npmjs.com/package/nepali-date-react
- Repository: https://github.com/Ayushthapa123/nepali-date-picker-converter
- Homepage: https://bucolic-tapioca-38fc98.netlify.app/
- Issues: https://github.com/Ayushthapa123/nepali-date-picker-converter/issues
- npm.io page: https://npm.io/package/nepali-date-react

## Dependencies (10)

- [react](https://npm.io/package/react.md) ^18.2.0
- [react-dom](https://npm.io/package/react-dom.md) ^18.2.0
- [web-vitals](https://npm.io/package/web-vitals.md) ^2.1.4
- [react-icons](https://npm.io/package/react-icons.md) ^4.6.0
- [react-scripts](https://npm.io/package/react-scripts.md) 5.0.1
- [@babel/polyfill](https://npm.io/package/@babel/polyfill.md) ^7.12.1
- [@testing-library/react](https://npm.io/package/@testing-library/react.md) ^13.4.0
- [@testing-library/jest-dom](https://npm.io/package/@testing-library/jest-dom.md) ^5.16.5
- [nepali-datepicker-reactjs](https://npm.io/package/nepali-datepicker-reactjs.md) ^1.1.5
- [@testing-library/user-event](https://npm.io/package/@testing-library/user-event.md) ^13.5.0

## Alternatives

- [update-check](https://npm.io/package/update-check.md) — 4.0M weekly downloads
- [react-native-onesignal](https://npm.io/package/react-native-onesignal.md) — 134.5K weekly downloads
- [react-redux-toastr](https://npm.io/package/react-redux-toastr.md) — 33.7K weekly downloads
- [@nocobase/plugin-notification-manager](https://npm.io/package/@nocobase/plugin-notification-manager.md) — 2.0K weekly downloads
- [react-simple-toasts](https://npm.io/package/react-simple-toasts.md) — 1.9K weekly downloads

## Recent versions

- 1.0.2 (latest) — 2022-11-24
- 1.0.1 — 2022-11-24
- 0.0.1 — 2022-11-24

## README

# What This package Does?
1. Provides Nepali Date Picker
2. Provides Nepali Date in string format.
3. Converts Nepali Date to equivalent english date.
4. Provides English Date in string format

## How to use?
You can use them simply by importing functions and components.
```
import { NepaliDate, EnglishDate } from 'nepali-date-react';
import { Datepicker } from 'nepali-date-react/dist/Datepicker';

```
## Must Wrap dateProvider on the parent component eg: app.js
```
import { DateProvider } from 'nepali-date-react/contexts/dateContext';

function MyComp() {

  return (
    <div className="mycomp">
      <DateProvider>
        <Your Components Here/>
      </DateProvider>
    </div>
  );
}

export default MyComp;


```

## Your Component


```
import React from 'react'
import { NepaliDate, EnglishDate } from 'nepali-date-react';
import { Datepicker } from 'nepali-date-react/dist/Datepicker';


export default function Mycomponent() {
    let nepalidate = NepaliDate();
    let englishdate = EnglishDate();
    console.log(nepalidate,englishdate);

    return (
        <div>
        <Datepicker/>
        </div>
    )
}
```

## css hint 

```
.date-picker-container {
    position: relative;
    width:270px;
    height:auto;
}
```


## Screenshot

![DatePicker Image](https://firebasestorage.googleapis.com/v0/b/hosteltrend.appspot.com/o/photos%2Fdatepicker.png?alt=media&token=ef9ad6af-2286-4650-ab9c-782aa69cd27b)

---
_Source: https://npm.io/package/nepali-date-react · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._