https://github.com/puncoz-official/nepali-datepicker-reactjs

Nepali Datepicker (Bikram Sambat) as a ReactJS component
https://github.com/puncoz-official/nepali-datepicker-reactjs

Last synced: 4 months ago
JSON representation

Nepali Datepicker (Bikram Sambat) as a ReactJS component

• Host: GitHub
• URL: https://github.com/puncoz-official/nepali-datepicker-reactjs
• Owner: puncoz-official
• License: other
• Created: 2019-08-16T11:58:12.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-10-28T03:53:54.000Z (4 months ago)
• Last Synced: 2024-10-29T20:25:00.635Z (4 months ago)
• Language: TypeScript
• Homepage: https://puncoz-official.github.io/nepali-datepicker-reactjs/
• Size: 2.98 MB
• Stars: 28
• Watchers: 3
• Forks: 44
• Open Issues: 16
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

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("")

    return (

        

            Date

             setDate(value)}

                              options={{ calenderLocale: "ne", valueLocale: "en" }} />

        

    )

}

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 (

        

            Date

             setDate(value)}

                              options={{ calenderLocale: "ne", valueLocale: "en" }} />

        

    )

}

export default App

```

## License

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