# nepali-datepicker-reactjs

> Nepali Datepicker (Bikram Sambat) as a ReactJS component

Latest version **1.1.9** (published 2025-08-21) · MIT license · 0 weekly downloads

## Install

```sh
npm install nepali-datepicker-reactjs
pnpm add nepali-datepicker-reactjs
yarn add nepali-datepicker-reactjs
bun add nepali-datepicker-reactjs
```

## Health

**Score 50/100 (C)** — status: stable.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: stale.

## Facts

| | |
|---|---|
| Version | 1.1.9 |
| Published | 2025-08-21 |
| First published | 2019-08-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=10 |
| Dependencies | 2 |
| Unpacked size | 262.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 38 |
| Author | Puncoz Nepal |
| Maintainers | puncoz |
| Keywords | nepali date picker, nepali, datepicker, bikram, sambat, bikramsambat, calender |

## Links

- npm: https://www.npmjs.com/package/nepali-datepicker-reactjs
- Repository: https://github.com/puncoz-official/nepali-datepicker-reactjs
- Homepage: https://puncoz-official.github.io/nepali-datepicker-reactjs
- Issues: https://github.com/puncoz-official/nepali-datepicker-reactjs/issues
- npm.io page: https://npm.io/package/nepali-datepicker-reactjs

## Dependencies (2)

- [nepali-number](https://npm.io/package/nepali-number.md) ^1.0.3
- [bikram-sambat-js](https://npm.io/package/bikram-sambat-js.md) ^1.0.3

## Recent versions

- 1.1.9 (latest) — 2025-08-21
- 1.1.8 — 2025-05-21
- 1.1.7 — 2024-06-14
- 1.1.6 — 2024-06-14
- 1.1.5 — 2021-03-05
- 1.1.4 — 2020-09-14
- 1.1.3 — 2020-08-04
- 1.1.2 — 2020-07-06
- 1.1.1 — 2020-07-02
- 1.1.0 — 2020-07-01
- 1.0.7 — 2019-10-31
- 1.0.5 — 2019-08-18
- 1.0.3 — 2019-08-17
- 1.0.2 — 2019-08-17
- 1.0.1 — 2019-08-17

## README

# Nepali Datepicker (Bikram Sambat) - React.js Component

> Nepali Datepicker (Bikram Sambat) as a ReactJS component

[![NPM](https://img.shields.io/npm/v/nepali-datepicker-reactjs.svg)](https://www.npmjs.com/package/nepali-datepicker-reactjs)
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
[![Build](https://img.shields.io/travis/puncoz-official/nepali-datepicker-reactjs?logo=travis)](https://travis-ci.org/puncoz-official/nepali-datepicker-reactjs)
[![Twitter Follow](https://img.shields.io/twitter/follow/PuncozNepal?label=Follow&style=social)](https://twitter.com/PuncozNepal)

## [Demo](https://puncoz-official.github.io/nepali-datepicker-reactjs/)

![NepaliDatePicker Demo](example.png)

## Install

```bash
npm install --save nepali-datepicker-reactjs

or,

yarn add nepali-datepicker-reactjs
```

## Usage

#### For Typescript
```tsx
import React, { useState } from "react"
import { NepaliDatePicker } from "nepali-datepicker-reactjs"
import "nepali-datepicker-reactjs/dist/index.css"

const App = () => {
    const [date, setDate] = useState<string>("")

    return (
        <form>
            <label htmlFor="date">Date</label>
            <NepaliDatePicker inputClassName="form-control"
                              className=""
                              value={date}
                              onChange={(value: string) => setDate(value)}
                              options={{ calenderLocale: "ne", valueLocale: "en" }} />
        </form>
    )
}

export default App
```

#### For JavaScript
```jsx
import React, { useState } from "react"
import { NepaliDatePicker } from "nepali-datepicker-reactjs"
import "nepali-datepicker-reactjs/dist/index.css"

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

    return (
        <form>
            <label htmlFor="date">Date</label>
            <NepaliDatePicker inputClassName="form-control"
                              className=""
                              value={date}
                              onChange={(value) => setDate(value)}
                              options={{ calenderLocale: "ne", valueLocale: "en" }} />
        </form>
    )
}

export default App
```

## License

MIT © [https://github.com/puncoz-official](https://github.com/puncoz-official)

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