npm install react-calendar-datetime-picker
or
yarn add react-calendar-datetime-picker
import React from 'react'
import DtPicker from 'react-calendar-datetime-picker'
import 'react-calendar-datetime-picker/dist/index.css'
const App = () => {
const [date, setDate] = useState(null)
return <DtPicker onChange={setDate} />
}
- Supports Gregorian and Jalali calender
- Uses context api to share data
- Supports three types of calender: single day - date range - multiple dates
- Fully customizable
- Supports maximum and minimum dates
- Capability to add a list of disabled dates
- Supports time for single and range type
- Capability to mark weekends
- Function called for change, open and close events
- Supports Typescript
You can check out this package bundle size in this Link
Thanks to jalaali-js, the only dependency of this date picker.
Mehdi Nasiri | Omid Rafiee | Esmaeil jafari |
MIT © mehdinasiri