react-modern-calendar-datepicker

A modern, beautiful, customizable date picker for React.

This is a modified version of the original Kiarash-Z/react-modern-calendar-datepicker (because it seems that it is no longer maintained), with some of my improvements (see below) merged with HassanMojab/react-modern-calendar-datepicker.

New features

• Possibility to disable a specific week day (for example a shop is closed on every saturday and sunday).
• Possibility to forcely enable a day, even though it was disabled before via disabledDays or disabledWeekDays etc... (for example there's an exception that a shop is opened on one specific saturday)

Usage:

<DatePicker
    disabledWeekDays={[0,3]} // this will disable every monday and thursday in every week

    // just like disabledDays but it's just the opposite
    enabledDays={[
        { year: 2021, month: 2, day: 18 } // this day will be enabled, even though it is disabled via disabledWeekDays (this is a thursday)
    ]}
/>

• disabledWeekDays: an array of numeric values in the range of 0 to 6, where 0 is a Monday and 6 is a Sunday.
• enabledDays: an array of Day objects. These days will be enabled eve.

Installation 🚀

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

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

Documentation 📄

You can find documentation on the official 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

Contributors ✨

Thanks goes to these wonderful people (emoji key):

This project follows the all-contributors specification. Contributions of any kind welcome!

LICENSE

MIT