1.1.3 • Published 5 years ago

react-native-horizontal-date-picker v1.1.3

Weekly downloads
5
License
MIT
Repository
github
Last release
5 years ago

React Native horizontal date picker

Installation and Usage

Please check this blog for installation and usage this link

npm.io

Basic Properties

PropDefaultTypeDescription
pickerTypedatetimeenum of ["date","time","datetime"]Type of the picker user want to display.
minDatecurrent dateDateMinimum date from picker value start.
maxDate3 months from current dateDateMaximum date upto picker value display.
defaultSelectednullDateBy default selected date and time.
isShowYeartrueboolDispay year above picker.
yearContainerStylenullstyleStyle of the year container.
datePickerContainerStylenullstyleStyle of the date picker.
timePickerContainernullstyleStyle of the time picker.
yearTextStylenullstyleStyle of the year display.
selectedTextStylenullstyleStyle of the selected date or time.
unSelectedTextStylenullstyleStyle of the non selected date or time.
datePickerBGnullobject or referenceBackground image of date picker.
timePikerBGnullobject or referenceBackground image of time picker.
dayFormatDostringFormat of date to display.
monthFormatMMMstringFormat of month to display.
yearFormatyyyystringFormat of year to display.
timeFormatHH:mmstringFormat of time to display.
timeStep60numberAmount of the time divide in minutes for time picker.
returnDateFormatDD-MM-YYYYstringReturn formate of the date selected.
returnTimeFormathh:mm astringReturn formate of the time selected.
returnDateTimeFormatDD-MM-YYYY hh:mm astringReturn formate of the full datetime selected.
onDateSelected() => {}functionReturn date when date is selected.
onTimeSelected() => {}functionReturn time when date is selected.
onDateTimeSelected() => {}functionReturn object of date, time and datetime when date or time is selected.