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