borisdamevin / react-calendar-datetime-picker

A simple and fast date and time picker component for React

react-calendar-datetime-picker

The Simple and fast English and Persian calender for React

⚙️ Install

npm install react-calendar-datetime-picker
or
yarn add react-calendar-datetime-picker

⚡️ Usage

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} />
}

📄 Documentation

Documentation with examples

• Getting Started
• Props
• Customization
• Utilities
• Typescript
• Examples

🎯 Features

• 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

✔️ bundle size

You can check out this package bundle size in this Link

🙇 Special Thanks

Thanks to jalaali-js, the only dependency of this date picker.

👨🏽‍💻 Team

Mehdi Nasiri	Omid Rafiee	Esmaeil jafari

📋 License

MIT © mehdinasiri