JSPM

@sentisso/react-modern-calendar-datepicker

3.1.9
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 797
  • Score
    100M100P100Q124469F
  • License MIT

A modern, beautiful, customizable date picker for React

Package Exports

  • @sentisso/react-modern-calendar-datepicker
  • @sentisso/react-modern-calendar-datepicker/lib/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@sentisso/react-modern-calendar-datepicker) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-modern-calendar-datepicker

npm npm downloads

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:

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Kiarash Zarinmehr
💻 📖 ⚠️ 🐛 🤔 ️️️️♿️ 🚇 👀 💬 ✅
Arman Rokni
🎨
Mohammad Hasani
💻 🐛 📖 ✅ 🤔 💬 👀
Amir Tahani
💻 ️️️️♿️
Mohammadreza Ziadzadeh
💻 🤔

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

LICENSE

MIT