Nepali Date Picker For React

An easy yet fully configurable Nepali date picker component for React.

How to use it:

1. Install the package.

# NPM
$ npm i @sbmdkl/nepali-datepicker-reactjs

2. Import necessary components as follows:

import React from 'react';
import Calendar from '@sbmdkl/nepali-datepicker-reactjs';
import '@sbmdkl/nepali-datepicker-reactjs/dist/index.css';

3. Create a basic Nepali date picker component.

class App extends React.Component {
  state = {date: ''}
  onChange = ({ bsDate, adDate }) => {
    this.setState({ date: bsDate });
  };
  render() {
    return (
      <div>
        <Calendar onChange={this.onChange} />
      </div>
    );
  }
}
export default App;

Preview:

Nepali Date Picker For React

Download Details:

Author: sbmdkl

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/sbmdkl/nepali-datepicker-reactjs

License: MIT

Add Comment