Jalali-wheel-datepicker NPM

jalali-wheel-datepicker

react jalali wheel date picker in ios style

Preview

you can check out the preview on this link : https://6677fd997ffbc47279e235b6--dashing-tarsier-9341d2.netlify.app/

Prerequisites

This project requires NodeJS (version 12 or later) and NPM. Node and NPM are really easy to install.

$ npm -v && node -v
6.4.1
v8.16.0

Project Name

Installation

BEFORE YOU INSTALL: please read the prerequisites

To install and set up the library, run:

$ npm i jalali-wheel-datepicker

Or if you prefer using Yarn:

$ yarn add --dev jalali-wheel-datepicker

Usage

import { DatePciker } from "jalali-wheel-datepicker";
const App: React.Fc = () => {
  return (
    <div>
      <DatePciker />
    </div>
  );
};

export default App;

Props

props	type	Description
header	String	the header title
------	-------------	--------------------
preview	String	the DatePicker preview
------	-------------	--------------------
previewClassName	string	the DatePicker preview className
------	-------------	--------------------
inputClassName	string	the input className
------	-------------	--------------------
buttonText	string	button modal Value
------	-------------	--------------------
inputSuffix	string	the input suffix
------	-------------	--------------------
inputPrefix	string	the input prefix
------	-------------	--------------------
selectedDate	string	selected Date
------	-------------	--------------------
changeDate	(date : string) => void	selected Date function
------	-------------	--------------------
modalWidth	string	modal width
------	-------------	--------------------
previewStyles	React.CSSProperties	preview styles
------	-------------	--------------------
initialDay	number	set initial Day for day wheel
------	-------------	--------------------
initialMonth	number	set initial Month for Month wheel
------	-------------	--------------------
initialYear	number	set initial Year for Year wheel