React Native Time Slot Picker
Simple TimeSlot Picker for React Native.
Requirements
- React Native 0.60 or higher
- Moment.js
- NativeBase
Installation with NPM
npm install react-native-timeslots-picker --save
Installation with Yarn
yarn add react-native-timeslots-picker
Usage
import {TimeSlotPicker} from "react-native-timeslots-picker";
...
const [selectedTimeSlot, setSelectedTimeSlot] = useState(null);
return (
<Box>
<TimeSlotPicker
slotResult={slot => {
setSelectedTimeSlot(slot);
}}
timeSlotInterval={15}
weekDayFromTime={'08:00'}
weekDayToTime={'18:00'}
weekendFromTime={'08:00'}
weekendToTime={'12:00'}
/>
<Text>Select Time Slot: {selectedTimeSlot}</Text>
</Box>
)
Props
Prop | Type | Default | Description |
---|---|---|---|
slotResult | function | null | Callback function to get selected time slot |
weekDayFromTime | string | '08:00' | Weekday start time |
weekDayToTime | string | '18:00' | Weekday end time |
weekendFromTime | string | '08:00' | Weekend start time |
weekendToTime | string | '12:00' | Weekend end time |
timeSlotInterval | number | 15 | Slot interval in minutes |
disableHeader | boolean | false | Disable header shown |
Screenshots
License
ISC