Hi everyone,
I posted a calendly like plugin suitable for marketplace application / appointments app for barbers, coach, doctors, freelance and many of case … (like Treatwell, Doctolib, Preply ).
In all languages
Plugin:
Plugin page
Demo:
Demo page
SOME FEATURES
- This plugin allows you to select a date according to the parameters of a service provider
- Dates that no longer have slots are deactivated
- Slots are automatically updated based on the time
ELEMENTS
Appointment Calendar is the visual element dragged onto the page which contains the following field options.
Settings fields
- Language : To choose the language (ex : ’en’ for english)
find your langage code on : Language Code Table - Max date : The max booking date
- Timeslot format : UTC ( ex: 20:00 ) | AM/PM (ex: 8:00 PM)
- Disable dates : List of date to disable
- Booked dates : List of date already booked
- Interval : The duration of the slots (in minutes)
- Calendar firstday : The first day of calendar ( 1 = Sunday )
- Min hours before booking : if day selected is current day , min hours before first booking
- Block Mondays : To disable all mondays
- Monday begin timeslot : First timeslot of mondays in UTC ( ex : 10:00 )
- Monday end timeslot : Last timeslot of mondays in UTC ( ex : 22:00 )
- Monday close from : First timeslot of the break for mondays in UTC ( ex : 12:00 )
- Monday close to : Last timeslot of the break for mondays in UTC ( ex : 14:00 )
(Example pour the last four fields : Open from 10:00 to 22:00 but closed from 12:00 to 14:00)
⇒ The last five fields are available for each days of the week ( Monday to Sunday )
Design fields
All elements of calendar are customizable : Size - Border - Font size - Text color - Disabled dates color - Button color ( also hover ) …
EVENTS
- Timeslot is clicked -
Event triggered when the user selects a slot
EXPOSED STATES
- Start date - Start date + time of the selected slot
- End date - End date + time of the selected slot