Calendar sync & availability rules — found from sitemap — Cal.com

Cited by

Facts read from this source

• Availability settings purpose Report an error

  “The availability settings atom enables a user to set their available time slots. This atom allows users to define specific time slots when they are available for meetings or events, helping them manage their schedules effectively and avoid double bookings.”

• Date overrides Report an error

  “they can use the date overrides feature. Date overrides enables users to pick any date that they’re currently available and set specific hours for availability on that day or mark themselves entirely unavailable. Once that day is passed, the date override is automatically deleted.”

• Overrides default state Report an error

  “Allows user to enable or disable date overrides display in the atom; defaults to disabled”

• Ref validate form Report an error

  “validateForm Validates the current availability form state and returns a promise with validation results.”

• Ref handle form submit Report an error

  “handleFormSubmit Programmatically submits the availability form, triggering the same validation and submission flow as clicking the save button. Unlike validateForm, this method will check required fields and prevent submission unless all required fields are set”

• Validate form required fields behavior Report an error

  “Note: If a required field is not filled in, the validateForm method will not return any error. The validation focuses on the format and consistency of provided data rather than enforcing required field completion.”

• Props list Report an error

  “Below is a list of props that can be passed to the availability settings atom. Name Required Description id No The ID of the schedule which fetches a user’s availability labels No Helpful if you want to pass in custom labels for i18n customClassNames No To pass in custom classnames from outside for styling the atom onUpdateSuccess No A callback function to handle updating user availability successfully onBeforeUpdate No Validates schedule before it is sent to the server; if true, the schedule is sent, else it is not onUpdateError No A callback function that gets triggered when the user availability fails to update onDeleteSuccess No A callback function that gets triggered when the user availability is deleted successfully onDeleteError No A callback function that gets triggered when the user availability fails to delete onFormStateChange No A callback function that gets triggered whenever the form state changes, providing real-time access to form data enableOverrides No Allows user to enable or disable date overrides display in the atom; defaults to disabled disableEditableHeading No Prevents users from editing the heading allowDelete No When set to false, this prop hides the delete button allowSetToDefault No When set to false, this prop hides the set to default toggle disableToasts No Allows users to enable or disable toast notifications, with the default setting being disabled.”

• Custom classnames tailwind Report an error

  “Please ensure all custom classnames are valid Tailwind CSS classnames.”

• Form state fields Report an error

  “// Access form data: formState.name, formState.schedule, formState.timeZone, etc.”

• Html dir requirement Report an error

  “First, for the AvailabilitySettings toggle animation to work set the reading direction on the <html> element:”

• Custom classnames keys Report an error

  “containerClassName Adds styling to the whole availability settings component ctaClassName Adds stylings only to certain call-to-action buttons editableHeadingClassName Editable heading or title can be styled formClassName Form which contains the days and toggles timezoneSelectClassName Adds styling to the timezone select component subtitlesClassName Styles the subtitle scheduleClassNames An object for granular styling of schedule components (see detailed table below) dateOverrideClassNames An object for granular styling of date override components (see detailed table below)”

• Import source Report an error

  “import { AvailabilitySettings } from "@calcom/atoms";”

Scores citing this record

• The Independent Consultant Calendar sync & availability rules
• The Data Protection Officer Calendar sync & availability rules
• The Practice Owner Calendar sync & availability rules
• The Sales Team Lead Calendar sync & availability rules
• The Salon Owner Calendar sync & availability rules
• The Skeptic Calendar sync & availability rules