Intro

Simple React Nepali BS Calendar component with couple of handy BS-AD coverter functions.

Click here for demo implementation!

Installation

yarn add react-nepali-calendar

or

npm install --save react-nepali-calendar

Usage

import * as React from 'react';
import * as ReactDOM from 'react-dom';
import Calendar from 'react-nepali-calendar';

export default class Main extends React.Component {
  render() {
    return (
      <Calendar onChange={(date) => console.log('New date selected: ', date)}/>
    );
  }
}

Props for Calendar component

• defaultDate?: Date //optional. default selected date on calendar. applied only once at component mount
• onChange?: (date: Date) => void; // optional. fired when a date is selected in the calendar.
• className?: string // className for the wrapper div

Calendar Methods

convert AD To BS: CalendarFunctions.convertADtoBS(adYear, adMonth: 1..12, adDate)

import { CalendarFunctions } from 'react-nepali-calendar';

const bsDate = CalendarFunctions.convertADtoBS(2018, 9, 10);
// bsDate == { "bsDate": 25, "bsMonth": 5, "bsYear": 2075 }

convert BS to AD

import { CalendarFunctions } from 'react-nepali-calendar';

const adDate = CalendarFunctions.convertBStoAD(2076, 2, 29);
// adDate == new Date(2019, 5, 12)

Testing

To test clone the repo and run:

npm test

License

React Nepali Calendar is released under the MIT license.