UNPKG

datepicker-nepali-reactjs

Version:
47 lines (31 loc) 2.55 kB
# [Nepali Datepicker - Nepali DatePicker Component For ReactJs](https://www.sandeepbhatt.com.np/react-nepali-datepicker/) > Date picker component forked from [puncoz-official](https://github.com/puncoz-official/nepali-datepicker-reactjs) ## Usage ### Basic Usage After downloading, simply edit the code inside src in your favorite text editor to make changes. These are the only files you need to worry about, you can ignore everything else! ### Advanced Usage After installation, run `npm start` or `yarn start` which will start your application in the default port `3000 or 3001`. Open up a preview of the nepali datepicker in your default browser using (`localhost:port`), watch for changes to files inside, and live reload the browser when changes are saved. You can view the `package.json` to see which tasks are included with the dev environment. #### Integrate With Your React Project * Install dependency using: `npm i datepicker-nepali-reactjs` * Import nepali datepicker `import { NepaliDatePicker } from "datepicker-nepali-reactjs";` * Use component: `<NepaliDatePicker />` #### Nepali DatePicker Options - `className` add custom class name to nepali date picker. - `defaultDate` is a string or boolean. By default the date will be set as undefined. If you provide `defaultDate={true}`, then you get today date as default date. And, you can provide any custom date as default selected. `Eg: <NepaliDatePicker defaultDate="2076-11-10" />` sets date to `2076-11-10`. - `disabled` is a boolean. `true` disabled the datepicker select. By default the value is `false`. - `onDateSelect` is a callback function, executes on date change and returns the date. - `showResetDateButton` - is a boolean. `true` shows the reset button along with datepicker and on click to button it resets the date to initial state. By default the value is `false`. - `resetButtonElement` - is an element. You can provide any text or icon or custom react component to it. ## How to contribute To contribute, please ensure that you have stable Node.js and npm installed. And node version must be `>=10` and `npm>=6`. Now, follow the steps below. * Fork and clone the repository. * Run `yarn start` or `npm start`, this will open preview on your default browser. * Now you can code, code and code! * Submit a pull request. ## Credits * [puncoz-official](https://github.com/puncoz-official/nepali-datepicker-reactjs) * [node.js](http://nodejs.org/) * [React](https://reactjs.org/) * [Bootstrap](http://getbootstrap.com/) * [SASS](https://sass-lang.com/)