# Appointment book A React block (a whole screen) in [Beamline](https://beamline.io/)'s [Clinic](https://beamline.io/components/apps/clinic) app. Live demo: https://beamline.io/components/appointment-book The desk's day with the appointment editor beside it. The appointment being edited is a block on the day like any other, drawn in the accent while it is a draft: drag it or pull its end on the day, or set its date, start and length in the editor, and both follow. It carries its client or clients, the practitioner it belongs to apart from assisting staff, the service (recent ones first) and where it happens (rooms, or video when the service allows). If it lands on a person (as owner or assistant) or a room another appointment holds, both blocks take the warning role and the editor names that appointment and the time, with a free room and the next free start one tap away; Save waits until the clash is resolved. After a save succeeds, telling the client is offered as its own choice (Send email or Not now), and a refused save or email says why and keeps everything. At rest the side says who is in now (until when), who is up next today, and each practitioner's day from here (how many more, free now or from when), with their pictures. ## Use it for - A practice's, studio's or salon's front desk booking and moving appointments on the day: who, whose, what, where and when, with rooms and staff that can't be double-booked. - Any day-view booking where a move must show, where it lands, which person or room is already taken. ## Not for - A client booking for themselves ([client-booking](https://beamline.io/components/client-booking)). - A team's whole calendar app with calendars, navigation and time off ([team-calendar](https://beamline.io/components/team-calendar)). - Setting up services and hours ([booking-setup](https://beamline.io/components/booking-setup)). ## Anatomy - day: the practice's day (day, week or month), every appointment as a block with its clients, service, time, rooms or Video, and whose it is; quiet by default, the draft in the accent, what it collides with in the warning role; the now line; drag a block or pull its end, or drag across free time (or click it) to book - at rest, the editor's room: how to open or book one, New appointment (at the next quarter hour), and Up next today: the day's remaining appointments from now (time, clients, service, room or Video, whose), each opening its appointment - editor beside the day (a sheet from the bottom on a narrow screen): the client or clients (or New appointment) as its title and Close; Date, Starts and Length with Ends and the length in words (the day's block is the twin); Client or Clients; Service, recent ones first; Practitioner (whose it is) apart from Assisting (busy too, not theirs); Where: In a room with its rooms, or Video when the service allows (else said) - clash: each collision named with the person or room, the other appointment's clients and service, and the time they share; the ways out once each: Use for a room that clashes, and Move to , or Nothing free later today - save bar: Unsaved changes, Not booked yet, Resolve the clash to save, or the refusal's reason; Discard and Save (Book for a new one), Save waiting for a clash and a client - after a save: Saved. Let know? with what the email says (the new time, or confirming it), Send email and Not now; Sending, told, or the refusal's reason with Try again ## States - nothing open (how to open or book one, New appointment, Up next today; Nothing more today when the day is done) - an appointment open (the draft in the accent on the day; Close while unchanged) - unsaved changes (named in the save bar; another appointment can't be opened until saved or discarded) - new appointment (from free time, its drawn length or its service's; Not booked yet; Book waits for a client) - room clash (both or all blocks in the warning role, each collision named; Use when one is free) - person clash (the owner or an assistant with another appointment, named) - next free start offered, or nothing free later today - video not offered for the service (said; the choice disabled) - saving, save refused (the reason, the draft kept), saved - email offered after a save (new: confirming; moved: the new time), sending, sent, refused (the reason, Try again), declined (Not now) - narrow room: the editor as a sheet over the day ## Keyboard - the day is the shared event calendar's: Tab to a block, Enter opens it, Space grabs it and the arrows move it (Shift for its length), Escape puts it back - the editor's fields in order; Start is hour and minute segments, Length a number field (arrows by 5, Page by 15) - the ways out (Use , Move to