React Native horizontal date picker
Installation and Usage
Please check this blog for installation and usage this link
Basic Properties
| 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 |
object or reference
|
Background image of date picker. |
| timePikerBG | null |
object or reference
|
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. |