Skip to content

Time Input Display (12h vs 24h) #670

@latin-panda

Description

@latin-panda

Description

Currently, Web Forms defaults to a 12h format for the time question type, whereas Enketo and Collect derive the format from the container's locale (Browser or Android OS).

There is often a disconnect between official standards and societal reality. Many countries officially use the 24h system, but daily society (e.g., parts of Latin America and Asia) operates almost exclusively in 12h. Depending on the data collector and the specific collection context, an unfamiliar format can create extra cognitive load due to "mental math" (e.g., converting 17:00 to 5:00 PM), lowering the user experience and potentially increasing entry errors.

Implementation Options:

  • Use an "appearance" attribute in the form definition to allow form designers to manually set the format. This is a "quick win" that provides immediate flexibility and bypasses the complexities of locale-detection logic.
  • Rely strictly on browser/OS locales to align more closely with existing Enketo and Collect behavior.

Next Steps:

  • Conduct a quick survey across different industries and regions to determine which format minimizes cognitive load in specific field environments.
  • Monitor the forum and other channels to catch feedback related to this topic.

Checklist

  • Does it need UI/UX design?
    • Yes. Describe the UI/UX requirements or attach a Figma link in the "Design" section.
    • No
  • Does it need API design?
    • Yes. Specify the endpoints, methods, or data structures needed.
    • No
  • Does it need design around state flow?
    • Yes. Outline the state flow requirements.
    • No
  • Does it need a test plan?
    • Yes. Add the test plan as a comment in this task or attach the document.
    • No

User Stories

  • As a data collector,
    I want to see the time picker in a format I'm familiar,
    so that I can quickly pick the time without errors.

Additional Notes

  • This strictly affects the display format; the underlying saved data remains standardized and unaffected.

Related Issues

Metadata

Metadata

Assignees

No one assigned

    Labels

    front-endTasks for Web Forms front-end packagequick win

    Projects

    Status

    Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions