react-nepali-datepicker-bs v2.0.1

React Nepali Datepicker

Nepali Datepicker as a ReactJS input component with popover

Demo

Install

npm install --save react-nepali-datepicker-bs

or,

yarn add react-nepali-datepicker-bs

Usage

For Typescript

import React, { useState } from "react"
import { NepaliDatePicker } from "react-nepali-datepicker-bs"
import "react-nepali-datepicker-bs/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" }}
                placeholder={"Enter DOB"}
                todayIfEmpty={false}
            />
        </form>
    )
}

export default App

For JavaScript

import React, { useState } from "react"
import { NepaliDatePicker } from "react-nepali-datepicker-bs"
import "react-nepali-datepicker-bs/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" }}
                placeholder={"Enter DOB"}
                todayIfEmpty={false}
            />
        </form>
    )
}

export default App

Reference

MIT © https://github.com/puncoz-official