A modern, beautiful, customizable date picker for React.

Installation 🚀

npm i @emranrastadi/react-modern-calendar-datepicker

# or if you prefer Yarn:
yarn add @emranrastadi/react-modern-calendar-datepicker

new parameter for time picker

You can add this for active or deactive time-picker in calendar

 enableTime={true|false}

After enable time-picker , if you want to use date range , you can send fromTime and toTime by look likes value 19:17 by default value with from and to date. After select time with day , we will give you an object with four key and values :

{
  from : {
    year : 1398,
    month: 9,
    day: 21
  },
  to : {
    year : 1398,
    month: 9,
    day: 28
  },
  fromTime : '21:18',
  toTime: '18:18'
}

Minimum and Maximum date

Please if you wanna use minimum and maximum date, follow this structure:

  const minimumDate = {
    year:1401,
    month: 9,
    day: 8
  }
  const maximumDate = {
    year:1401,
    month: 9,
    day: 28
  }

You should know , locale‍ is important for currect implementation. please sync date with your locale. You cann't use locale fa for AD date

Documentation 📄

You can find documentation on the website.

The documentation is divided into several sections:

• Getting Started
• Core Concepts
• Default Values
• Minimum & Maximum Date
• Disabled Days
• Customization
• Responsive Guide
• Utilities
• Different Locales
• TypeScript

LICENSE

MIT