The "datetime" field

Table of Contents

Examples

type DatetimeField = {
  label: string
  name: string
  type: 'string'
  /** See https://tina.io/docs/extending-tina/overview/ for customizing the UI **/
  ui?: {
    dateFormat: string // eg 'YYYY MM DD'
    label?: string
    description?: string
    component?: FC<any> | string | null
    parse?: (value: string, name: string, field: F) => any
    format?: (value: string, name: string, field: F) => any
    validate?(
      value: string,
      allValues: any,
      meta: any,
      field: UIField<F, Shape>
    ): string | undefined | void
  }
}

The return value for a datetime is in ISO string format

Examples

Tina will generate the appropriate component depending on the configuration provided.

: {
type: 'datetime',
name: 'date',
label: 'Date'
}

Last Edited: July 27, 2021

Docs

The "datetime" field

Examples

Simple

Custom format

Using a time picker