Overview

The date formatter allows you to format a field as a date.

Properties

PropertyDescription
nameSet this to “date” to use this formatter.
formatThe visual format of the date. Check out strftime for valid options.

Examples

DatePickerInput

At the top level of the DatePickerInput properties, you can use the following:

"inputFormatters": [
  {
    "name": "date",
    "parameters": {
      "format": "M/D/Y"
    }
  }
]

The result will look like this:

DataTable

Within a DataTable, you can format a column as a date by using the following:

{
  "formatter": {
    "name": "date",
    "format": "M/D/Y"
  },
  "component": {
    "name": "DatePickerInput",
    "inputFormatters": [
      {
        "name": "date",
        "parameters": {
          "format": "M/D/Y"
        }
      }
    ]
  },
  "name": "EDATU",
  "label": "Delivery Date"
}

The result will look like this: