React MUI Datepicker

The Date Picker component lets the user select a date and supported to Gregorian Calendar and Hijri(Umm Al-Qura) Calendar.

This package relay on MUI and moment hijri

How to use

You can now import DatePicker as a normal package installed from npm like so:

import {DatePicker} from 'react-mui-datepicker'

const App = () => <DatePicker  />;

export default App;

to switch between calendars

import {DatePicker} from 'react-mui-datepicker'

const App = () => <DatePicker  isToggle />;

export default App;

Available props

The React MUI Datepicker component accepts the following props:

| Prop | Type | Description | | --------------- | ----------------------------------------- | ----------------- | | lang | ar or en (optional) | default: en | | isError | boolean (optional) | | | maxDate | Date (optional) | | | minDate | Date (optional) | | | disabled | boolean (optional) | | | ref | React.Ref (optional) | | | value | string (optional) | | | onChange | (date: Moment or null) => void (optional) | | | toggleText | string (optional) | | | isToggle | boolean (optional) | | | calendar | "gregrian" or "hijri" (optional) | default: gregrian | | toggleClassName | string (optional) | | | inputClassName | string (optional) | |

License

react-mui-datepicker is available under the MIT license