Choix de l'univers FT

Booking Réservation

Permet de sélectionner une date et un horaire (ou plage) parmi les disponibilités, dans le cadre d’une prise de rendez-vous.

Documentation : Figma | Développeur

Langage:  HTML

<ft-booking dates="[{&quot;label&quot;:&quot;samedi 15 juillet&quot;,&quot;hours&quot;:[{&quot;label&quot;:&quot;10:00 - 10:30&quot;},{&quot;label&quot;:&quot;11:00 - 11:30&quot;},{&quot;label&quot;:&quot;12:00 - 12:30&quot;},{&quot;label&quot;:&quot;13:00 - 13:30&quot;},{&quot;label&quot;:&quot;14:00 - 14:30&quot;},{&quot;label&quot;:&quot;15:00 - 15:30&quot;},{&quot;label&quot;:&quot;16:00 - 16:30&quot;}]},{&quot;label&quot;:&quot;dimanche 16 juillet&quot;,&quot;hours&quot;:[{&quot;label&quot;:&quot;10:00 - 10:30&quot;},{&quot;label&quot;:&quot;11:00 - 11:30&quot;},{&quot;label&quot;:&quot;12:00 - 12:30&quot;},{&quot;label&quot;:&quot;13:00 - 13:30&quot;},{&quot;label&quot;:&quot;14:00 - 14:30&quot;},{&quot;label&quot;:&quot;15:00 - 15:30&quot;},{&quot;label&quot;:&quot;16:00 - 16:30&quot;}]},{&quot;label&quot;:&quot;lundi 17 juillet&quot;,&quot;hours&quot;:[{&quot;label&quot;:&quot;10:00 - 10:30&quot;},{&quot;label&quot;:&quot;11:00 - 11:30&quot;},{&quot;label&quot;:&quot;12:00 - 12:30&quot;},{&quot;label&quot;:&quot;13:00 - 13:30&quot;},{&quot;label&quot;:&quot;14:00 - 14:30&quot;},{&quot;label&quot;:&quot;15:00 - 15:30&quot;},{&quot;label&quot;:&quot;16:00 - 16:30&quot;}]},{&quot;label&quot;:&quot;mardi 18 juillet&quot;,&quot;hours&quot;:[{&quot;label&quot;:&quot;10:00 - 10:30&quot;},{&quot;label&quot;:&quot;11:00 - 11:30&quot;},{&quot;label&quot;:&quot;12:00 - 12:30&quot;},{&quot;label&quot;:&quot;13:00 - 13:30&quot;},{&quot;label&quot;:&quot;14:00 - 14:30&quot;},{&quot;label&quot;:&quot;15:00 - 15:30&quot;},{&quot;label&quot;:&quot;16:00 - 16:30&quot;}]},{&quot;label&quot;:&quot;mercredi 19 juillet&quot;,&quot;hours&quot;:[{&quot;label&quot;:&quot;10:00 - 10:30&quot;},{&quot;label&quot;:&quot;11:00 - 11:30&quot;},{&quot;label&quot;:&quot;12:00 - 12:30&quot;},{&quot;label&quot;:&quot;13:00 - 13:30&quot;},{&quot;label&quot;:&quot;14:00 - 14:30&quot;},{&quot;label&quot;:&quot;15:00 - 15:30&quot;},{&quot;label&quot;:&quot;16:00 - 16:30&quot;}]},{&quot;label&quot;:&quot;jeudi 20 juillet&quot;,&quot;hours&quot;:[{&quot;label&quot;:&quot;10:00 - 10:30&quot;},{&quot;label&quot;:&quot;11:00 - 11:30&quot;},{&quot;label&quot;:&quot;12:00 - 12:30&quot;},{&quot;label&quot;:&quot;13:00 - 13:30&quot;},{&quot;label&quot;:&quot;14:00 - 14:30&quot;},{&quot;label&quot;:&quot;15:00 - 15:30&quot;},{&quot;label&quot;:&quot;16:00 - 16:30&quot;}]},{&quot;label&quot;:&quot;vendredi 21 juillet&quot;,&quot;hours&quot;:[{&quot;label&quot;:&quot;10:00 - 10:30&quot;},{&quot;label&quot;:&quot;11:00 - 11:30&quot;},{&quot;label&quot;:&quot;12:00 - 12:30&quot;},{&quot;label&quot;:&quot;13:00 - 13:30&quot;},{&quot;label&quot;:&quot;14:00 - 14:30&quot;},{&quot;label&quot;:&quot;15:00 - 15:30&quot;},{&quot;label&quot;:&quot;16:00 - 16:30&quot;}]},{&quot;label&quot;:&quot;samedi 22 juillet&quot;,&quot;hours&quot;:[{&quot;label&quot;:&quot;10:00 - 10:30&quot;},{&quot;label&quot;:&quot;11:00 - 11:30&quot;},{&quot;label&quot;:&quot;12:00 - 12:30&quot;},{&quot;label&quot;:&quot;13:00 - 13:30&quot;},{&quot;label&quot;:&quot;14:00 - 14:30&quot;},{&quot;label&quot;:&quot;15:00 - 15:30&quot;},{&quot;label&quot;:&quot;16:00 - 16:30&quot;}]},{&quot;label&quot;:&quot;dimanche 23 juillet&quot;,&quot;hours&quot;:[{&quot;label&quot;:&quot;10:00 - 10:30&quot;},{&quot;label&quot;:&quot;11:00 - 11:30&quot;},{&quot;label&quot;:&quot;12:00 - 12:30&quot;},{&quot;label&quot;:&quot;13:00 - 13:30&quot;},{&quot;label&quot;:&quot;14:00 - 14:30&quot;},{&quot;label&quot;:&quot;15:00 - 15:30&quot;},{&quot;label&quot;:&quot;16:00 - 16:30&quot;}]},{&quot;label&quot;:&quot;lundi 24 juillet&quot;,&quot;hours&quot;:[{&quot;label&quot;:&quot;10:00 - 10:30&quot;},{&quot;label&quot;:&quot;11:00 - 11:30&quot;},{&quot;label&quot;:&quot;12:00 - 12:30&quot;},{&quot;label&quot;:&quot;13:00 - 13:30&quot;},{&quot;label&quot;:&quot;14:00 - 14:30&quot;},{&quot;label&quot;:&quot;15:00 - 15:30&quot;},{&quot;label&quot;:&quot;16:00 - 16:30&quot;}]},{&quot;label&quot;:&quot;mardi 25 juillet&quot;,&quot;hours&quot;:[{&quot;label&quot;:&quot;10:00 - 10:30&quot;},{&quot;label&quot;:&quot;11:00 - 11:30&quot;},{&quot;label&quot;:&quot;12:00 - 12:30&quot;},{&quot;label&quot;:&quot;13:00 - 13:30&quot;},{&quot;label&quot;:&quot;14:00 - 14:30&quot;},{&quot;label&quot;:&quot;15:00 - 15:30&quot;},{&quot;label&quot;:&quot;16:00 - 16:30&quot;}]},{&quot;label&quot;:&quot;mercredi 26 juillet&quot;,&quot;hours&quot;:[{&quot;label&quot;:&quot;10:00 - 10:30&quot;},{&quot;label&quot;:&quot;11:00 - 11:30&quot;},{&quot;label&quot;:&quot;12:00 - 12:30&quot;},{&quot;label&quot;:&quot;13:00 - 13:30&quot;},{&quot;label&quot;:&quot;14:00 - 14:30&quot;},{&quot;label&quot;:&quot;15:00 - 15:30&quot;},{&quot;label&quot;:&quot;16:00 - 16:30&quot;}]}]" value="samedi 15 juillet - 11:00 - 11:30"></ft-booking>
ft-autoloader.js