Please check this blog for installation and usage this link
| Prop | Default | Type | Description | 
|---|---|---|---|
| pickerType | datetime | enum of ["date","time","datetime"] | Type of the picker user want to display. | 
| minDate | current date | Date | Minimum date from picker value start. | 
| maxDate | 3 months from current date | Date | Maximum date upto picker value display. | 
| defaultSelected | null | Date | By default selected date and time. | 
| isShowYear | true | bool | Dispay year above picker. | 
| yearContainerStyle | null | style | Style of the year container. | 
| datePickerContainerStyle | null | style | Style of the date picker. | 
| timePickerContainer | null | style | Style of the time picker. | 
| yearTextStyle | null | style | Style of the year display. | 
| selectedTextStyle | null | style | Style of the selected date or time. | 
| unSelectedTextStyle | null | style | Style of the non selected date or time. | 
| datePickerBG | null | objectorreference | Background image of date picker. | 
| timePikerBG | null | objectorreference | Background image of time picker. | 
| dayFormat | Do | string | Format of date to display. | 
| monthFormat | MMM | string | Format of month to display. | 
| yearFormat | yyyy | string | Format of year to display. | 
| timeFormat | HH:mm | string | Format of time to display. | 
| timeStep | 60 | number | Amount of the time divide in minutes for time picker. | 
| returnDateFormat | DD-MM-YYYY | string | Return formate of the date selected. | 
| returnTimeFormat | hh:mm a | string | Return formate of the time selected. | 
| returnDateTimeFormat | DD-MM-YYYY hh:mm a | string | Return formate of the full datetime selected. | 
| onDateSelected | () => {} | function | Return date when date is selected. | 
| onTimeSelected | () => {} | function | Return time when date is selected. | 
| onDateTimeSelected | () => {} | function | Return object of date, time and datetime when date or time is selected. | 
