Nepali Datepicker (Bikram Sambat) - React.js Component

Nepali Datepicker (Bikram Sambat) as a ReactJS component

Demo

Install

npm install --save bk-nepali-datepicker-reactjs

or,

yarn add bk-nepali-datepicker-reactjs

Usage

For Typescript

import React, { useState } from "react"
import { NepaliDatePicker } from "bk-nepali-datepicker-reactjs"
import "bk-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

import React, { useState } from "react"
import { NepaliDatePicker } from "bk-nepali-datepicker-reactjs"
import "bk-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