How to Manually Input Values for Date, Date Time, and Time Fields in Inistate

Studio
1

Hi Inistate community! :wave:

  1. Goal:
    To explain how users can manually key in values into Date, Date Time, and Time input fields in Inistate forms.

  2. Description:
    In Inistate, fields such as Date, Date Time, and Time are commonly used to capture temporal information. While users typically use the date/time picker, it is also possible to manually enter values using the keyboard, which can speed up form filling and improve accessibility.

This post applies to any form module where these input types are used.

  1. Steps / Instructions:

Manual Input Format by Field Type:

1. Date Field:

  • Format: YYYY-MM-DD
  • Example: 2025-08-05
  • Action: Click the field and type the date directly, or paste the date in the correct format.

2. Date Time Field:

  • Format: YYYY-MM-DDTHH:MM (T is the separator)
  • Example: 2025-08-06T05:25
  • Alternative format (some browsers support): YYYY-MM-DD HH:MM
  • Action: Manually enter both the date and time portion in the field.
    Manual key in date time

3. Time Field:

  • Format: HH:MM (24-hour format)
  • Example: 09:45, 17:30
  • Action: Type the time directly using the keyboard.

Tips / Notes:

  • Make sure the manually entered value matches the expected format to avoid validation errors.
  • If the input doesn’t work, check if the field has any specific format restrictions or validations applied.
  • In mobile browsers, native pickers may override manual entry—use desktop for manual input testing.
  • When in doubt, test the format by entering it manually and saving the form to ensure no error occurs.