Interface Date Field input customization

RE: Interface Date Field input customization

Harsha Sharma — Mon, 08 Sep 2025 14:18:22 GMT

It is not possible to format the date field available OOTB in Appian Interface object. You need to either use textField like Shubham suggested so that user's enter dates with '-' or '|' . Otherwise have the users enter with default date field and then show with '-' or '|' when the field is read only for users.

RE: Interface Date Field input customization

sanjuktab2257 — Mon, 08 Sep 2025 13:51:56 GMT

Thank you, Shubham. I’d like to integrate the date values directly into the date design object, ideally with calendar selection functionality included.

RE: Interface Date Field input customization

Shubham Aware — Sat, 06 Sep 2025 08:19:59 GMT

Try below sample interface code..

a!localVariables(
  local!dateInput: "",
  local!formattedDate: if(
    isnull(local!dateInput),
    null,
    a!localVariables(
      local!separator: if(
        find("-", local!dateInput) > 0, "-",
        if(find("|", local!dateInput) > 0, "|",
        if(find(".", local!dateInput) > 0, ".", "/"))
      ),
      local!parts: split(local!dateInput, local!separator),
      if(
        length(local!parts) = 3,
        concat(
          text(tointeger(local!parts[1]), "00"), "/",
          text(tointeger(local!parts[2]), "00"), "/",
          local!parts[3]
        ),
        "Invalid format"
      )
    )
  ),
  {
    a!textField(
      label: "Enter Date",
      placeholder: "MM-DD-YYYY or MM.DD.YYYY or MM|DD|YYYY",
      value: local!dateInput,
      saveInto: local!dateInput
    ),
    a!textField(
      label: "Formatted Date",
      value: local!formattedDate,
      readOnly: true
    )
  }
)