Time Picker

Allows users to select a specific time, usually in hours and minutes, from a set of options.

Guidelines

When to use

  1. Meeting room booking: Use the time picker component when scheduling meetings in hotel meeting rooms, allowing guests to specify the start and end times of their sessions accurately.
  2. Event planning: Employ the time picker component when organizing events within the hotel premises, facilitating the selection of event start and end times for seamless coordination.
  3. Co-working space reservation: Utilize the time picker component when managing co-working spaces, enabling guests to book specific time slots for their work sessions, ensuring efficient space allocation.

Time Picker vs. Date and Time Compound

Time Picker:

Use a time picker when you only need to select a specific time without specifying a date. This is ideal for tasks such as scheduling appointments, setting reminders, or tracking event durations.

Example: When a guest wants to schedule a wake-up call for a specific time during their stay at the hotel.

Date and Time Compound Component:

Utilize a date and time compound component when you need to select both a date and a time together. This is useful for scheduling events, appointments, or reservations that require both date and time information.

Example: When a guest wants to book a table at the hotel restaurant for dinner on a specific date and time.


Content

For time formatting, check the Formatting page in the Content section.

For the label or error message, check the content guidelines in Fields.