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