Guidelines
When to use
- 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.
- 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.
- 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
While a user is interacting with the Time Picker, they may come across unavailability, blocked off time, or other situations when a time cannot be selected. In those cases, use error messages to guide users to solve the issue.
Tone
Keep an informative tone when writing hints and error messages while users interact with the Time Picker.
Do
- Guide users to solve the issue.
- Use various instructions/hints to cover for different situations.
Do not
- Write simple or generic messages that are unhelpful to the user.