Awesome Open Source
Awesome Open Source

npm version

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.

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,538,553
Reactjs (75,997
Ios (19,637
React Native (11,840
Datepicker (631
Timepicker (161
Datetimepicker (160
React Native Demo (28
Iphone Demo (6
Reactnative Ios (5
React Native Datepicker (4
React Native Timer (3
Horizontal Datetime Picker (2
Related Projects