nepali-datepicker-react

React Nepali Datepicker

Integrate Nepali Datepicker in your React app easily.

Installation

• Install by executing npm i nepali-datepicker-react or yarn add nepali-datepicker-react.
• Import by adding import { NepaliDatePicker } from 'nepali-datepicker-react'.

Demo Link

https://codesandbox.io/s/nepali-date-picker-0f3d1

Props

Common props you may want to specify include:

• className - apply a className to the control
• classNameInput - apply classNames to input field
• name - generate an HTML input with this name, containing the current value
• onChange - change events
• placeholder - change the text displayed when no date is defined
• value - control the current value
• format - change the date format i.e.('YYYY-MM-DD' && 'YYYY/MM/DD') only

Usage

Here's an example of basic usage:

import React, { useState } from 'react';
import { NepaliDatePicker, BSDate } from 'nepali-datepicker-react';
 
const now = new BSDate.now();
 
function MyApp() {
  const [date, setDate] = useState(now);
 
  const handleDate = date => {
    setDate(date);
    console.log('Date',date);
  }
 
  return (
        <NepaliDatePicker
            value={date}
            format="YYYY-MM-DD"
            onChange={handleDate}
        />
  );
}