https://github.com/tyleraholden/react-schedule-meeting
https://github.com/tyleraholden/react-schedule-meeting
meeting react scheduler timeslots
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/tyleraholden/react-schedule-meeting
- Owner: TylerAHolden
- License: mit
- Created: 2020-07-02T14:36:34.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2024-02-22T15:29:59.000Z (over 1 year ago)
- Last Synced: 2024-04-24T16:46:39.925Z (about 1 year ago)
- Topics: meeting, react, scheduler, timeslots
- Language: HTML
- Homepage: https://react-schedule-meeting.netlify.app/
- Size: 5.3 MB
- Stars: 50
- Watchers: 4
- Forks: 16
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Schedule Meeting
[Example & Documentation](https://react-schedule-meeting.netlify.app)
## Installation:
```
npm i react-schedule-meeting
```
or
```
yarn add react-schedule-meeting
```
## Motivation
We wanted a UI that was agnostic to any scheduling logic after the user has selected their slot. The intention is to have an extremely simple component that accepts available time slots and returns a selected time slot.
## Usage Flow Overview
1. Pass in an array of date ranges that are available for meetings
1. The ScheduleMeeting component will split them into start times based on the event duration prop
1. When a user confirms a start time, the component returns:
- The start time selected
- The original time slot that was used
- The original time slot now split into two separate time slots _(in case you need to keep track of availabilities)_
[Example & Documentation](https://react-schedule-meeting.netlify.app)
## TODO LIST
> For someday when I have time to work on this again. Feel free to contribute!
- [ ] Dark mode based on system settings #77
- [ ] Customize Language and text #66
- [ ] Customize slot lengths #76
- [ ] Column display option #75
- [ ] Enhance timezone support #70