Skip to content
Create form

Time

The Time component provides an intuitive time picker for collecting specific times from respondents. It supports both 12-hour (AM/PM) and 24-hour formats, with configurable minute intervals.

Time is useful for:

  • Appointment time preferences
  • Event start/end times
  • Schedule availability
  • Delivery time windows
  • Any question requiring a specific time
  1. Open your form in the editor

  2. Drag the Time component from the left sidebar onto your form

  3. Click the component to select it and configure its settings

The main question or prompt displayed above the time picker.

Examples:

  • “Preferred appointment time”
  • “What time works best for you?”
  • “Event start time”
  • “When should we call?”

Optional helper text that appears below the question label.

When to use descriptions:

  • To specify timezone
  • To indicate available time ranges
  • To provide context for the time selection

Examples:

  • “All times are in Eastern Time (ET)”
  • “Business hours: 9 AM - 5 PM”
  • “Select your preferred callback time”

Choose how times are displayed:

FormatExampleCommon In
12-hour2:30 PMUS, UK, Australia
24-hour14:30Europe, military, technical

Choose the format most familiar to your audience.

Control the granularity of minute selection:

StepAvailable MinutesBest For
100, 01, 02… 59Precise timing
500, 05, 10… 55General scheduling
1000, 10, 20… 50Rough estimates
1500, 15, 30, 45Quarter-hour slots
3000, 30Half-hour slots
6000Hour-only selection

Toggle whether a time must be selected before the form can be submitted.

When enabled:

  • An asterisk (*) appears next to the question label
  • Users must select a time to submit
  • A validation message appears if no time is selected

The time picker allows selection of:

  1. Hour: Select from available hours
  2. Minutes: Select from available minute intervals
  3. AM/PM: Toggle between morning and afternoon (12-hour format)
  • Click/tap: Select from dropdown or picker
  • Type: Enter time directly in the field
  • Scroll: Scroll through options on mobile

Choose appropriate minute steps. Don’t offer 1-minute precision if you only need approximate times. Larger steps are easier to use.

Match your audience’s format. Use 12-hour format for US audiences, 24-hour for European or technical audiences.

Specify timezone. If the time matters for scheduling across regions, always clarify the timezone.

Indicate available ranges. If only certain times are valid (business hours, etc.), mention this in the description.

Consider pairing with date. If you need both date and time, use the Date & Time component for a better experience.

The Time component validates:

  • Time is in valid format
  • Field is not empty (if required)

The Time component is built with accessibility in mind:

  • Keyboard navigation support
  • Screen reader compatible
  • Clear focus states
  • Time format is announced
  • AM/PM toggle is accessible

Time responses in your form results:

  • Display in the configured format
  • Can be sorted chronologically
  • Are included in exports
  • Store the time value consistently

The Time component collects a time value without timezone information. Consider:

  • Specify timezone in description: “All times are in Pacific Time”
  • Ask for timezone separately: Add a dropdown for timezone selection
  • Use respondent’s local time: Clarify that times are in their local timezone

Ready to create your first Fomr?

See how easy it is to create a new form in a matter of minutes.